@charset "EUC-KR";

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding-top: 78px;
  background: #f4f5f7;
  color: #222;
  font-family: "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}

.sa-main {
  padding: 34px 16px 70px;
}

.container {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
}

/* »ó´Ü ¹öÆ°/°Ë»ö ¿µ¿ª */
.categoriesTable {
  margin: 0 0 16px !important;
  padding: 18px 20px;
  background: #fff;
  border: 1px solid #e2e5ec;
  border-radius: 14px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
}

.search-box {
  display: flex;
  gap: 8px;
  align-items: center;
}

.content,
.select,
.title,
#boardSearch,
#replyContent {
  height: 40px;
  padding: 0 12px;
  border: 1px solid #d8dde7;
  border-radius: 8px;
  background: #fff;
  color: #222;
  outline: none;
}

.content:focus,
.select:focus,
.title:focus,
#boardSearch:focus,
#replyContent:focus {
  border-color: #ff7a00;
}

/* ¹öÆ° */
.button,
.replySubmit,
.btnFade,
.btnBlueGreen,
.btnBlue {
  height: 40px;
  padding: 0 15px;
  border: 1px solid #ff7a00;
  border-radius: 8px;
  background: #ff8a00;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

.button:hover,
.replySubmit:hover {
  background: #f06f00;
}

/* °Ô½ÃÆÇ ¹Ú½º */
.featured {
  background: #fff;
  border: 1px solid #e2e5ec;
  border-radius: 14px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
}

/* ¸ñ·Ï Å×À̺í */
.featured table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.featured colgroup col:nth-child(1) {
  width: 80px !important;
}

/* ±¸ºÐ */
.featured colgroup col:nth-child(2) {
  width: 120px !important;
}

/* Á¦¸ñ */
.featured colgroup col:nth-child(3) {
  width: auto !important;
}

/* ÀÛ¼ºÀÚ */
.featured colgroup col:nth-child(4) {
  width: 160px !important;
}

/* ÀÛ¼ºÀϽà */
.featured colgroup col:nth-child(5) {
  width: 180px !important;
}

.featured thead th {
  height: 52px;
  background: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  color: #555;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

.featured tbody td {
  height: 54px;
  padding: 0 14px;
  border-bottom: 1px solid #eee;
  color: #333;
  font-size: 14px;
  vertical-align: middle;
}

.featured tbody tr:hover {
  background: #fff8ef;
}

.boardRow {
  cursor: pointer;
  color: #222;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.boardRow:hover {
  color: #ff7a00;
  text-decoration: underline;
}

.replyCnt {
  color: #ff4b4b !important;
  font-weight: 700;
}

/* »ó¼¼ ÆäÀÌÁö */
.featured h2 {
  margin: 0;
  padding: 24px 26px 16px;
  color: #222;
  font-size: 26px;
  border-bottom: 1px solid #eee;
}

.info-line {
  padding: 14px 26px;
  border-bottom: 1px solid #eee;
  background: #fafafa;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.author-section {
  display: flex;
  align-items: center;
  gap: 10px;
}

.userImg {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #ddd;
}

.author {
  font-weight: 700;
  color: #333;
}

.date,
.bidDate {
  color: #888;
  font-size: 13px;
}

.hr-5 {
  display: none;
}

.post-content {
  padding: 26px;
  min-height: 260px;
  color: #333;
  line-height: 1.75;
  word-break: break-word;
}

.post-content img {
  max-width: 100%;
  height: auto;
}

/* ´ñ±Û/ÀÔÂû */
.featured3,
.featured4 {
  margin: 18px 26px;
  padding: 18px;
  border: 1px solid #e2e5ec;
  border-radius: 12px;
  background: #fafafa;
}

.featured5 {
  margin-top: 10px;
  padding: 14px;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
}

.replyContainer {
  display: flex;
  gap: 8px;
}

.replyContainer #replyContent {
  flex: 1;
}

.replyAdd {
  margin-top: 10px;
  color: #333;
  line-height: 1.6;
}

.no-replies {
  color: #999;
  text-align: center;
  padding: 18px;
}

/* ÆäÀÌÁö³×ÀÌ¼Ç */
.pagination {
  margin: 22px 0 0;
}

.pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 6px;
}

.pagination a {
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 7px;
  background: #fff;
  color: #555;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.pagination a:hover,
.pagination a.selected-page {
  border-color: #ff7a00;
  background: #ff8a00;
  color: #fff;
}

/* ³» °èÁ¤ ¸ð´Þ */
#rbModal.rb-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
}

#rbModal.rb-modal[aria-hidden="false"] {
  display: block;
}

#rbModal .rb-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.58);
}

#rbModal .rb-dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: min(420px, calc(100vw - 28px));
  padding: 26px 22px 22px;
  border-radius: 16px;
  background: #fff;
  color: #222;
  box-shadow: 0 24px 70px rgba(0,0,0,.25);
}

#rbModal .rb-close {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 30px;
  height: 30px;
  border: 0;
  background: #f1f1f1;
  border-radius: 50%;
  cursor: pointer;
}

#rbModal .rb-title {
  margin: 0 0 18px;
  text-align: center;
  font-size: 22px;
}

#rbModal .rb-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

#rbModal .searchBtn {
  height: 44px;
  border: 1px solid #ff7a00;
  border-radius: 10px;
  background: #fff8ef;
  color: #ff7a00;
  font-weight: 700;
  cursor: pointer;
}

/* ¸ð¹ÙÀÏ */
@media (max-width: 768px) {
  body {
    padding-top: 68px;
  }

  .sa-main {
    padding: 18px 10px 50px;
  }

  .categoriesTable {
    justify-content: center;
    padding: 14px;
  }

  .search-box {
    width: 100%;
  }

  #boardSearch,
  .search-box .button {
    width: 100% !important;
  }

  .featured {
    overflow-x: auto;
  }

  .featured table {
    min-width: 680px;
  }

  .info-line {
    flex-direction: column;
    align-items: flex-start;
  }

  .post-content {
    padding: 18px;
  }

  .replyContainer {
    flex-direction: column;
  }

  .replyContainer #replyContent,
  .replyContainer .replySubmit {
    width: 100%;
  }

  #rbModal .rb-actions {
    grid-template-columns: 1fr;
  }
}

/* RE:BIRTH Dark Forum Theme Override */

body {
  color: #e8eefc !important;
}

.categoriesTable,
.featured {
  background: #101722 !important;
  border-color: rgba(255,255,255,.1) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.35) !important;
}

.featured thead th {
  background: #151f2d !important;
  color: #ffd36b !important;
  border-bottom-color: rgba(255,211,107,.18) !important;
}

.featured tbody td {
  background: #101722 !important;
  color: #e8eefc !important;
  border-bottom-color: rgba(255,255,255,.07) !important;
}

.featured tbody tr:hover td {
  background: #172333 !important;
}

.boardRow {
  color: #f4f7ff !important;
}

.boardRow:hover {
  color: #ffd36b !important;
}

.content,
.select,
.title,
#boardSearch,
#replyContent {
  background: #090f17 !important;
  color: #e8eefc !important;
  border-color: rgba(255,255,255,.14) !important;
  width:100%;
}

.content::placeholder,
#boardSearch::placeholder,
#replyContent::placeholder {
  color: rgba(232,238,252,.45) !important;
}

.button,
.replySubmit,
.btnFade,
.btnBlueGreen,
.btnBlue {
  background: rgba(255,211,107,.12) !important;
  border-color: rgba(255,211,107,.45) !important;
  color: #ffd36b !important;
}

.button:hover,
.replySubmit:hover {
  background: rgba(255,211,107,.22) !important;
}

.info-line,
.featured3,
.featured4 {
  background: #0c121b !important;
  border-color: rgba(255,255,255,.1) !important;
}

.featured5,
.post-content,
.featured2 {
  background: #0a1018 !important;
  border-color: rgba(255,255,255,.08) !important;
  color: #e8eefc !important;
}

.featured h2,
.author,
.rb-user {
  color: #fff !important;
}

.date,
.bidDate,
.no-replies {
  color: #95a4bc !important;
}

.pagination a {
  background: #101722 !important;
  color: #e8eefc !important;
  border-color: rgba(255,255,255,.12) !important;
}

.pagination a:hover,
.pagination a.selected-page {
  background: rgba(255,211,107,.16) !important;
  border-color: rgba(255,211,107,.55) !important;
  color: #ffd36b !important;
}

#rbModal .rb-dialog {
  background: #101722 !important;
  color: #e8eefc !important;
  border: 1px solid rgba(255,211,107,.28) !important;
}

#rbModal .searchBtn {
  background: rgba(255,211,107,.1) !important;
  color: #ffd36b !important;
}






















/* ================================
   AUCTION DETAIL RESTORE
   ================================ */

#auctionImgElement {
  display: block;
  width: 96px;
  height: 96px;
  object-fit: contain;
  margin: 10px auto 18px;
  padding: 10px;
  border-radius: 18px;
  background: #070c12;
  border: 1px solid rgba(255,211,107,.35);
  box-shadow: 0 0 24px rgba(255,211,107,.18);
  image-rendering: pixelated;
}

.featured2 {
  display: block;
  width: 100%;
  min-height: 44px;
  padding: 13px 15px;
  border-radius: 14px;
  background: #0a1018;
  border: 1px solid rgba(255,255,255,.1);
  color: #e8eefc;
  line-height: 1.6;
  word-break: break-word;
}

#auctionPrice,
#auctionPriceType,
#customBidUnit,
#auctionEndDate {
  color: #ffd36b;
  font-weight: 900;
  text-align: center;
}

#itemName,
#petName {
  color: #fff;
  font-weight: 900;
  text-align: center;
}

.featured4 {
  margin-top: 18px;
  padding: 18px;
  border-radius: 18px;
  background: #0c121b;
  border: 1px solid rgba(255,211,107,.18);
}

.featured4 > strong {
  color: #ffd36b;
  font-weight: 900;
}

.featured5 {
  margin: 10px 0;
  padding: 14px;
  border-radius: 14px;
  background: #101722;
  border: 1px solid rgba(255,255,255,.1);
  color: #e8eefc;
}

.featured5 strong {
  color: #fff;
}

.bidDate {
  display: block;
  margin-top: 5px;
  color: #95a4bc;
  font-size: 12px;
}

.featured3 {
  margin-top: 18px;
  padding: 16px;
  border-radius: 18px;
  background: #0c121b;
  border: 1px solid rgba(255,255,255,.1);
}

.replyContainer {
  display: flex;
  gap: 8px;
  align-items: center;
}

.replyContainer #replyContent {
  flex: 1;
  min-width: 0;
}

#bidSubmit {
  border-color: rgba(255,211,107,.5) !important;
  background: rgba(255,211,107,.14) !important;
  color: #ffd36b !important;
  font-weight: 900;
}

#bidSubmit:hover {
  background: rgba(255,211,107,.24) !important;
}

.no-replies {
  padding: 18px;
  text-align: center;
  color: #95a4bc;
}

/* °æ¸Å »ó¼¼ ÇÊµå °£°Ý */
.featured .form-group {
  margin: 14px 0;
}

.featured .form-group > strong {
  display: block;
  margin-bottom: 7px;
  color: #ffd36b;
  font-size: 13px;
  font-weight: 900;
}

/* ¸ð¹ÙÀÏ */
@media (max-width: 768px) {
  #auctionImgElement {
    width: 82px;
    height: 82px;
  }

  .featured4,
  .featured3 {
    padding: 13px;
  }

  .replyContainer {
    flex-direction: column;
  }

  .replyContainer #replyContent,
  .replyContainer .replySubmit,
  #bidSubmit {
    width: 100%;
  }
}







/* Auction progress bar */
.auction-progress {
  margin: 14px 0 18px;
  padding: 14px;
  border-radius: 16px;
  background: #0c121b;
  border: 1px solid rgba(255,211,107,.22);
}

.auction-progress__top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
  color: #ffd36b;
  font-size: 13px;
  font-weight: 900;
}

.auction-progress__track {
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.09);
}

.auction-progress__bar {
  width: 0%;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #ffd36b, #ff6b6b);
  transition: width .4s ease;
}

.auction-progress__text {
  margin-top: 8px;
  color: #95a4bc;
  font-size: 12px;
  text-align: right;
}

/* =========================================
   RE:BIRTH Auction Detail Page
   target: Auction detail JSP
   ========================================= */

body {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,211,107,.09), transparent 34%),
    radial-gradient(circle at 100% 20%, rgba(124,198,255,.08), transparent 30%),
    #070a0f;
  color: #e8eefc;
}

main.container {
  width: min(1080px, calc(100% - 28px));
  margin: 0 auto;
  padding: 120px 0 70px;
}

main.container > .featured {
  margin: 0 auto 70px !important;
  padding: 26px !important;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    #101722;
  border: 1px solid rgba(255,211,107,.18);
  box-shadow: 0 24px 70px rgba(0,0,0,.45);
  overflow: hidden;
}

main.container > .featured h2 {
  margin: 0 0 18px;
  padding: 0 0 18px;
  border-bottom: 1px solid rgba(255,211,107,.2);
  color: #fff;
  font-size: clamp(24px, 4vw, 38px);
  font-weight: 900;
  text-align: center;
  text-shadow: 0 0 18px rgba(255,211,107,.25);
}

main.container .info-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  padding: 14px 16px;
  border-radius: 16px;
  background: #0b1118;
  border: 1px solid rgba(255,255,255,.1);
}

main.container .author {
  color: #ffd36b;
  font-weight: 900;
}

main.container .date {
  color: #9fb0c8;
  font-size: 13px;
}

main.container .hr-5 {
  display: none;
}

/* »ó´Ü °æ¸Å Á¤º¸ */
main.container .form-group {
  margin: 12px 0;
  padding: 14px 16px;
  border-radius: 16px;
  background: #0b1118;
  border: 1px solid rgba(255,255,255,.08);
  color: #e8eefc;
}

main.container .form-group strong {
  display: inline-block;
  min-width: 92px;
  color: #ffd36b;
  font-weight: 900;
}

#startPrice,
#bidUnit,
#highestBidTop,
#auctionStatusTop {
  color: #fff;
  font-weight: 900;
}

#auctionStatusTop,
#auctionStatus {
  color: #8cff7a;
}

/* ÀÔÂû ÀÔ·Â */
#bidCoin.sec-label {
  width: min(260px, 100%);
  height: 44px;
  margin: 0 8px 0 0 !important;
  padding: 0 14px;
  border-radius: 13px;
  border: 1px solid rgba(255,211,107,.35);
  background: #070c12;
  color: #fff;
  outline: none;
  font-weight: 900;
}

#bidCoin.sec-label:focus {
  border-color: #ffd36b;
  box-shadow: 0 0 0 3px rgba(255,211,107,.13);
}

#bidBtn {
  height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  border: 1px solid rgba(255,211,107,.55);
  background: rgba(255,211,107,.14);
  color: #ffd36b;
  font-weight: 900;
  cursor: pointer;
}

#bidBtn:hover {
  background: rgba(255,211,107,.24);
  box-shadow: 0 0 18px rgba(255,211,107,.22);
}

#bidBtn.is-disabled,
#bidBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

/* ÀÔÂû ¼øÀ§ º¸µå */
.rb-bidboard {
  margin-top: 22px;
  padding: 20px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 0 0, rgba(255,211,107,.08), transparent 34%),
    #0b1118;
  border: 1px solid rgba(255,211,107,.18);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035);
}

.rb-bidboard__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.rb-bidboard__title {
  color: #ffd36b;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.5px;
}

.rb-bidboard__meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  color: #9fb0c8;
  font-size: 13px;
  font-weight: 800;
}

.rb-bidboard__meta b {
  color: #fff;
  font-weight: 900;
}

.rb-dot {
  color: rgba(255,211,107,.7);
  font-size: 9px;
}

.rb-bidboard__bars {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}

.rb-bidboard__foot {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.07);
  color: #8d9bb2;
  font-size: 12px;
  line-height: 1.5;
}

/* ·©Å· ¹Ù */
.rb-auctionbar {
  position: relative;
  min-height: 52px;
  border-radius: 16px;
  overflow: hidden;
  background: #101722;
  border: 1px solid rgba(255,255,255,.1);
}

.rb-auctionbar__fill {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0;
  background: linear-gradient(90deg, rgba(255,211,107,.28), rgba(255,107,107,.18));
  border-right: 1px solid rgba(255,211,107,.45);
  transition: width .45s ease;
}

.rb-auctionbar__row {
  position: relative;
  z-index: 1;
  min-height: 52px;
  padding: 0 14px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.rb-rank {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,211,107,.12);
  border: 1px solid rgba(255,211,107,.38);
  color: #ffd36b;
  font-weight: 900;
}

.rb-nick {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  font-weight: 900;
}

.rb-nick > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rb-amt {
  color: #ffd36b;
  font-weight: 900;
  white-space: nowrap;
}

.rb-badge {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(255,211,107,.13);
  border: 1px solid rgba(255,211,107,.35);
  color: #ffd36b;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.rb-auctionbar.is-me {
  border-color: rgba(124,198,255,.45);
}

.rb-auctionbar.is-me .rb-auctionbar__fill {
  background: linear-gradient(90deg, rgba(124,198,255,.28), rgba(124,198,255,.1));
  border-right-color: rgba(124,198,255,.55);
}

.rb-auctionbar.is-top1 {
  border-color: rgba(255,211,107,.55);
  box-shadow: 0 0 18px rgba(255,211,107,.13);
}

.rb-auctionbar.is-top2 {
  border-color: rgba(180,200,230,.35);
}

.rb-auctionbar.is-top3 {
  border-color: rgba(207,135,80,.35);
}

/* ¿¹Àü¿¡ ÀÖ´ø ·¹À̽º Æ®·¢µµ »ì¾ÆÀÖÀ» °æ¿ì */
.rb-auction-race {
  margin-top: 18px;
}

.rb-track {
  position: relative;
  height: 180px;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(10,12,18,.95), rgba(18,22,35,.95));
  border: 1px solid rgba(124,198,255,.18);
}

.rb-finish-line {
  position: absolute;
  right: 24px;
  top: 0;
  width: 6px;
  height: 100%;
  background: rgba(255,255,255,.12);
  box-shadow: 0 0 18px rgba(124,198,255,.25);
}

.rb-horse {
  position: absolute;
  left: 0;
  top: 0;
  height: 42px;
  display: flex;
  align-items: center;
  gap: 10px;
  will-change: transform;
  transition: transform .55s ease;
}

.rb-horse__sprite {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(124,198,255,.15);
  border: 1px solid rgba(124,198,255,.28);
}

.rb-horse__tag {
  padding: 6px 10px;
  border-radius: 12px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(124,198,255,.16);
  color: #eaf4ff;
  font-size: 12px;
}

.rb-horse__tag strong {
  font-weight: 900;
  margin-right: 8px;
}

/* ¸ð¹ÙÀÏ */
@media (max-width: 768px) {
  main.container {
    width: calc(100% - 20px);
    padding-top: 92px;
  }

  main.container > .featured {
    padding: 16px 12px !important;
    border-radius: 18px;
  }

  main.container .info-line {
    flex-direction: column;
    align-items: flex-start;
  }

  main.container .form-group {
    padding: 12px;
  }

  main.container .form-group strong {
    display: block;
    min-width: 0;
    margin-bottom: 6px;
  }

  #bidCoin.sec-label,
  #bidBtn {
    width: 100%;
    margin: 0 0 8px !important;
  }

  .rb-bidboard {
    padding: 14px;
    border-radius: 18px;
  }

  .rb-bidboard__head {
    flex-direction: column;
  }

  .rb-bidboard__title {
    font-size: 19px;
  }

  .rb-bidboard__meta {
    justify-content: flex-start;
  }

  .rb-auctionbar__row {
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-areas:
      "rank nick"
      "rank amt";
    gap: 4px 10px;
    padding: 8px 10px;
  }

  .rb-rank {
    grid-area: rank;
    width: 30px;
    height: 30px;
    font-size: 12px;
  }

  .rb-nick {
    grid-area: nick;
  }

  .rb-amt {
    grid-area: amt;
    font-size: 13px;
  }
}









.rb-board-header {
	margin: auto;
    font-size: 28px;
    font-weight: 900;
    color: #ffd36b;
    letter-spacing: -0.5px;
    text-align: center;
    text-shadow: 0 0 12px rgba(255, 211, 107, .25);
}



/* Reply thread */
.reply-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.reply-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.reply-actions .button {
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
}

.replyAdd {
  white-space: pre-wrap;
  word-break: break-word;
}

.reply-child {
  margin-left: 34px;
  border-left: 3px solid rgba(255,211,107,.35);
}

.reply-child::before {
  content: ">";
  display: inline-block;
  margin: 0 8px 8px 0;
  color: #ffd36b;
  font-weight: 900;
}

.reReplyForm {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.08);
}

@media (max-width: 768px) {
  .reply-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .reply-child {
    margin-left: 14px;
  }
}

.featured .post-content + .featured4 {
  /* margin-top: 0; */
}
/* Reply contrast and post navigation */
.featured4 .featured5,
.featured4 .reply-parent,
.featured4 .reply-child {
  color: #f4f7ff !important;
}

.featured4 .replyAdd {
  color: #f4f7ff !important;
  font-weight: 500;
}

.featured4 .author-section strong {
  color: #ffd36b !important;
}

.featured4 .date {
  color: #c7d2e5 !important;
}

.post-nav {
  margin: 0 26px 18px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  overflow: hidden;
  background: #0c121b;
}

.post-nav__row {
  width: 100%;
  min-height: 46px;
  padding: 0 16px;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: transparent;
  color: #e8eefc;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  text-align: left;
  cursor: pointer;
}

.post-nav__row:last-child {
  border-bottom: 0;
}

.post-nav__row:not(.is-disabled):hover {
  background: rgba(255,211,107,.1);
}

.post-nav__row.is-disabled {
  cursor: default;
  color: #7f8ca3;
}

.post-nav__label {
  color: #ffd36b;
  font-weight: 900;
  font-size: 13px;
}

.post-nav__title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}

@media (max-width: 768px) {
  .post-nav {
    margin: 0 13px 14px;
  }

  .post-nav__row {
    grid-template-columns: 58px minmax(0, 1fr);
    padding: 0 12px;
  }
}
.rb-board-titlebar {
  justify-content: center;
}

.rb-board-titlebar .rb-board-header {
  margin: 0;
}


@media (max-heigth: 50px) {
    #replyContent.content {
        height: 40px;
    }
}
.rb-sub-category,
.rb-tag-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
}

.rb-sub-category .button.active,
.rb-tag-filter .button.active {
  background: rgba(255,211,107,.24) !important;
  border-color: rgba(255,211,107,.72) !important;
  color: #fff4c2 !important;
  box-shadow: 0 0 14px rgba(255,211,107,.18);
}

.rb-board-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 26px;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid rgba(124,198,255,.32);
  background: rgba(124,198,255,.1);
  color: #bfe3ff;
  font-size: 12px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rb-board-tags {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}
.rb-board-tag-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid #b7b7b7;
  border-radius: 3px;
  background: linear-gradient(180deg, #ffffff 0%, #eeeeee 48%, #d8d8d8 100%);
  color: #333333;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(0,0,0,.08),
    0 1px 1px rgba(0,0,0,.18);
}

.rb-board-tag-chip:hover {
  background: linear-gradient(180deg, #ffffff 0%, #f4f4f4 45%, #e1e1e1 100%);
  border-color: #9f9f9f;
}

.rb-board-tag-chip:active {
  background: linear-gradient(180deg, #d8d8d8 0%, #eeeeee 100%);
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,.18),
    0 1px 0 rgba(255,255,255,.18);
  transform: translateY(1px);
}
.featured tbody td.rb-board-title-cell {
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.45;
  vertical-align: middle;
}

.rb-board-detail-tags {
  margin: 8px 0 12px;
  padding-left : 25px;
}
.rb-sub-category-section,
.rb-tag-filter-section {
  display: block;
  padding: 14px 16px;
}

.rb-filter-label {
  margin-bottom: 8px;
  color: #ffd36b;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0;
}

.rb-sub-category .button,
.rb-tag-filter .button {
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 6px;
  white-space: nowrap;
}

.rb-sub-category .button {
  flex: 0 1 auto;
  min-width: 112px;
  max-width: 100%;
  text-align: center;
}

@media (max-width: 640px) {
  .rb-sub-category-section,
.rb-tag-filter-section {
    padding: 12px;
  }

  .rb-sub-category,
.rb-tag-filter {
    gap: 6px;
  }

  .rb-sub-category .button,
.rb-tag-filter .button {
    flex: 1 1 calc(50% - 6px);
    min-width: 0;
    padding: 8px 6px;
    font-size: 12px;
  }
}
/* Recent post NEW badge */
.rb-new-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 34px;
  height: 18px;
  margin-left: 7px;
  padding: 0 7px;
  border: 1px solid rgba(255, 211, 107, .72);
  border-radius: 999px;
  background: linear-gradient(180deg, #fff0a8 0%, #ffd36b 42%, #f2a51f 100%);
  color: #241404;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .04em;
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
  box-shadow: 0 0 0 1px rgba(255,255,255,.12) inset, 0 5px 14px rgba(255,170,35,.28);
  vertical-align: middle;
}
.rb-new-badge--community {
  transform: translateY(-1px);
}
.sa-community-post__text,
.rb-board-title-text {
  min-width: 0;
}
.rb-board-title-wrap {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  vertical-align: middle;
}
@media (max-width: 640px) {
  .rb-new-badge {
    min-width: 31px;
    height: 17px;
    margin-left: 5px;
    padding: 0 6px;
    font-size: 9px;
  }
}
/* NEW badge layout refinements */
.sa-community-post__title {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}
.sa-community-post__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* NEW badge attention animation */
.rb-new-badge {
  position: relative;
  overflow: hidden;
  animation: rb-new-pop 1.8s ease-in-out infinite;
}
.rb-new-badge::after {
  content: "";
  position: absolute;
  inset: -1px;
  background: linear-gradient(110deg, transparent 0%, transparent 34%, rgba(255,255,255,.78) 48%, transparent 62%, transparent 100%);
  transform: translateX(-120%);
  animation: rb-new-shine 2.4s ease-in-out infinite;
  pointer-events: none;
}
@keyframes rb-new-pop {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 0 0 1px rgba(255,255,255,.12) inset, 0 5px 14px rgba(255,170,35,.28);
  }
  45% {
    transform: translateY(-1px) scale(1.06);
    box-shadow: 0 0 0 1px rgba(255,255,255,.18) inset, 0 7px 20px rgba(255,190,45,.46), 0 0 16px rgba(255,211,107,.34);
  }
}
@keyframes rb-new-shine {
  0%, 35% { transform: translateX(-120%); }
  62%, 100% { transform: translateX(120%); }
}
@media (prefers-reduced-motion: reduce) {
  .rb-new-badge,
  .rb-new-badge::after {
    animation: none;
  }
}
/* Mobile-safe board title NEW badge layout */
.featured tbody td.rb-board-title-cell {
  min-width: 0;
  overflow: hidden;
}
.featured tbody td.rb-board-title-cell .rb-board-title-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  gap: 6px;
  vertical-align: middle;
}
.featured tbody td.rb-board-title-cell .rb-board-title-text {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.featured tbody td.rb-board-title-cell .rb-new-badge--board {
  flex: 0 0 auto;
  margin-left: 0;
  align-self: center;
  transform-origin: center;
}
.featured tbody td.rb-board-title-cell .replyCnt {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .featured tbody td.rb-board-title-cell {
    padding-left: 10px;
    padding-right: 10px;
  }
  .featured tbody td.rb-board-title-cell .rb-board-title-wrap {
    gap: 5px;
  }
}