.mg-moderation-terms {
  display: flex !important;
  gap: 14px;
  align-items: flex-start;
  padding: 18px !important;
  border: 2px solid #ffbd3e !important;
  border-radius: 16px;
  background: #fff9e8;
  color: #171a22 !important;
}
.mg-moderation-terms input { flex: 0 0 auto; width: 22px !important; height: 22px; margin-top: 2px; accent-color: #111827; }
.mg-moderation-terms span { font-size: 16px; line-height: 1.55; color: #303542; }
.mg-moderation-terms b { color: #111318; }

.mg-moderation-preview {
  display: flex;
  gap: 16px;
  align-items: center;
  margin: 24px auto -8px;
  padding: 18px 22px;
  border: 2px solid #f6b82f;
  border-radius: 18px;
  background: #fff8dd;
  color: #171a22;
  box-shadow: 0 14px 35px rgba(113, 75, 0, .12);
}
.mg-moderation-preview > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: #111827; font-size: 25px; }
.mg-moderation-preview b { display: block; margin-bottom: 3px; font-size: 18px; }
.mg-moderation-preview p { margin: 0; color: #555d6e; line-height: 1.5; }

.mg-published-page.is-moderation-pending .mg-published-check { background: #fff2be; color: #1d2636; }
.mg-moderation-explainer { display: grid; gap: 5px; margin: 18px 0; padding: 16px 18px; border-left: 5px solid #f3b62e; border-radius: 12px; background: #fff8df; color: #1f2530; }
.mg-moderation-explainer b { font-size: 17px; }
.mg-moderation-explainer span { line-height: 1.55; color: #4e5666; }

.mg-moderation-queue {
  width: min(1180px, calc(100% - 32px));
  margin: 28px auto;
  padding: 26px;
  border: 2px solid #f2b82f;
  border-radius: 24px;
  background: linear-gradient(145deg, #fffdf6, #fff7dc);
  color: #151820;
  box-shadow: 0 20px 55px rgba(93, 67, 0, .13);
}
.mg-moderation-queue > header { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; margin-bottom: 18px; }
.mg-moderation-queue h2 { margin: 9px 0 5px; font-size: clamp(27px, 4vw, 40px); color: #11141b; }
.mg-moderation-queue header p { margin: 0; max-width: 740px; color: #545b68; font-size: 16px; line-height: 1.55; }
.mg-moderation-queue > header > strong { padding: 10px 15px; border-radius: 999px; background: #131923; color: #fff; white-space: nowrap; }
.mg-moderation-rules { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 22px; }
.mg-moderation-rules span { padding: 8px 11px; border: 1px solid #e2d39c; border-radius: 999px; background: #fff; color: #3d4350; font-size: 13px; font-weight: 800; }
.mg-moderation-list { display: grid; gap: 20px; }
.mg-moderation-list > article { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr); gap: 20px; padding: 20px; border: 1px solid #ddd6bf; border-radius: 20px; background: #fff; box-shadow: 0 10px 25px rgba(25, 29, 39, .07); }
.mg-moderation-copy h3 { margin: 7px 0 10px; color: #11141b; font-size: 25px; }
.mg-moderation-copy > p { max-height: 180px; overflow: auto; margin: 0 0 14px; color: #383f4d; line-height: 1.6; }
.mg-moderation-copy dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 12px 0; }
.mg-moderation-copy dl div { padding: 9px; border-radius: 10px; background: #f4f6f9; }
.mg-moderation-copy dt { color: #71798a; font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.mg-moderation-copy dd { margin: 3px 0 0; color: #222733; font-size: 13px; font-weight: 800; }
.mg-moderation-copy > a { color: #2458bd; font-weight: 850; }
.mg-risk-flags { margin: 12px 0; padding: 11px 13px; border-radius: 10px; background: #fff0ee; color: #9a1d13; font-weight: 850; }
.mg-moderation-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-content: start; }
.mg-moderation-gallery > p { grid-column: 1 / -1; margin: 0 0 2px; color: #626a79; font-size: 13px; }
.mg-moderation-gallery label { position: relative; display: block; min-height: 145px; overflow: hidden; border: 1px solid #d8dce3; border-radius: 13px; background: #141820; cursor: pointer; }
.mg-moderation-gallery label input { position: absolute; z-index: 3; top: 9px; left: 9px; width: 20px; height: 20px; accent-color: #8fe82f; }
.mg-moderation-gallery label span { position: absolute; z-index: 2; right: 8px; bottom: 8px; padding: 6px 8px; border-radius: 8px; background: rgba(0, 0, 0, .8); color: #fff; font-size: 11px; font-weight: 900; }
.mg-moderation-gallery label img { width: 100%; height: 170px; object-fit: contain; filter: blur(24px); transform: scale(1.08); transition: filter .2s ease, transform .2s ease; }
.mg-moderation-gallery label:has(input:checked) img { filter: none; transform: none; }
.mg-moderation-gallery label:has(input:checked) span { background: #0a6b3c; }
.mg-moderation-no-photo { grid-column: 1 / -1; padding: 25px; border-radius: 13px; background: #fff1ef; color: #9b2118; font-weight: 900; text-align: center; }
.mg-moderation-decision { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: end; padding-top: 18px; border-top: 1px solid #e1e4e9; }
.mg-moderation-decision label { display: grid; gap: 6px; color: #252a35; font-weight: 850; }
.mg-moderation-decision textarea { width: 100%; min-height: 76px; padding: 11px; border: 1px solid #c7ccd6; border-radius: 11px; background: #fff; color: #171a22; }
.mg-moderation-decision > div { display: flex; gap: 9px; flex-wrap: wrap; }
.mg-moderation-decision button { min-height: 47px; padding: 10px 15px; border: 0; border-radius: 11px; color: #fff; font-weight: 900; cursor: pointer; }
.mg-approve-listing { background: #087b48; }
.mg-remove-listing { background: #b3261e; }
.mg-moderation-empty { display: flex; gap: 14px; align-items: center; padding: 20px; border-radius: 16px; background: #e9f9ef; color: #155b38; }
.mg-moderation-empty > span { font-size: 30px; }
.mg-moderation-empty b { font-size: 18px; }
.mg-moderation-empty p { margin: 2px 0 0; }

.mg-sold-external { margin: 14px 0 0; border: 1px solid #ffcb5b; border-radius: 13px; background: #fff8e8; color: #282b31; }
.mg-sold-external summary { padding: 12px 14px; color: #704c00; font-size: 15px; font-weight: 900; cursor: pointer; }
.mg-sold-external form { display: grid; gap: 10px; padding: 0 14px 14px; }
.mg-sold-external p { margin: 0; color: #565c67; line-height: 1.45; }
.mg-sold-external label { display: flex; gap: 8px; align-items: center; font-size: 13px; font-weight: 800; }
.mg-sold-external input { width: 18px; height: 18px; accent-color: #141820; }
.mg-sold-external button { min-height: 43px; border: 0; border-radius: 10px; background: #141820; color: #fff; font-weight: 900; cursor: pointer; }
.mg-listing-status-moderation { background: #fff0bd !important; color: #6b4700 !important; }
.mg-manage-item.is-moderation { border-color: #f0c04c !important; background: #fffdf4 !important; }

.mg-creator-icons { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.mg-creator-icons a { display: inline-flex; gap: 6px; align-items: center; min-height: 34px; padding: 5px 9px; border: 1px solid #d7dce5; border-radius: 9px; background: #fff; color: #202532; text-decoration: none; font-weight: 850; transition: transform .16s ease, box-shadow .16s ease; }
.mg-creator-icons a:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(14, 22, 36, .12); }
.mg-creator-icons a > span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: #272d3c; color: #fff; font-size: 12px; }
.mg-creator-icons a.is-youtube > span { background: #e62117; }
.mg-creator-icons a.is-telegram > span { background: #168bd2; }
.mg-creator-icons a.is-instagram > span { background: linear-gradient(135deg, #6b37bd, #e83f71, #f4a735); }
.mg-creator-icons a.is-twitch > span { background: #7048d9; }
.mg-creator-icons a.is-x > span { background: #111; }
.mg-creator-icons small { color: inherit; font-size: 11px; }
.mg-card-seller-panel .mg-creator-icons { padding-top: 9px; border-top: 1px solid #e2e6ed; }
.mg-card-seller-panel .mg-creator-icons a { flex: 1 1 auto; justify-content: center; }
.mg-listing-creator-strip { margin: 17px 0; padding: 16px; border: 1px solid #cfd7e5; border-radius: 15px; background: #f7f9fc; color: #1b2130; }
.mg-listing-creator-strip > b { font-size: 15px; }

@media (max-width: 820px) {
  .mg-moderation-queue { width: min(100% - 20px, 1180px); padding: 17px; border-radius: 19px; }
  .mg-moderation-queue > header { display: grid; gap: 12px; }
  .mg-moderation-queue > header > strong { justify-self: start; }
  .mg-moderation-list > article { grid-template-columns: 1fr; padding: 15px; }
  .mg-moderation-copy dl { grid-template-columns: 1fr; }
  .mg-moderation-decision { grid-template-columns: 1fr; }
  .mg-moderation-decision > div, .mg-moderation-decision button { width: 100%; }
  .mg-moderation-preview { width: calc(100% - 20px); align-items: flex-start; padding: 15px; }
}

@media (max-width: 520px) {
  .mg-moderation-gallery { grid-template-columns: 1fr; }
  .mg-moderation-gallery label img { height: 210px; }
  .mg-creator-icons a { flex: 1 1 calc(50% - 7px); justify-content: center; }
  .mg-creator-icons small { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .mg-creator-icons a { transition: none; }
}