/* MU World V2 pages/community: page group "community" (Bang xep hang ajax/rank/*, Quan ly Bang Hoi ajax/guild_manager/**).
   Every rule is scoped to body[data-mu-preview] + an explicit page slug so V1 never changes and a hub opened over
   the page (slug hub-account / hub-wallet) switches everything off. Slugs: rank, rank-* (master, master_open, reset,
   reset_day, reset_month, element, fruit, guild, guild_union, guild_view) and exactly guild_manager, guild_manager-view,
   guild_manager-buff_shop, guild_manager-buff_mng (guild_manager-view_contribute_rule stays V1 on purpose).
   Tokens come from shared-ui.css (--mu-popup-*, --mu-font-*); no new colours. */

/* ======================================================================== */
/* 1. Rankings: one frame = heading + tabs + scrolling table + pager.        */
/* ======================================================================== */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content { height: 100% !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content > .mu-v2-notice-float { position: absolute; left: 0; right: 0; top: 0; z-index: 5; }

/* V1 chrome that the V2 layer replaces: the two glass picker buttons, their dropdown panels, the fixed gradient
   backgrounds and the dead mini-profile popup. Kept in the DOM (community.js reads the links) but never shown. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rank-top-tools,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rk-panel,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #rkm-pop { display: none !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-page::before,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .um-container::before { display: none !important; content: none !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .um-container,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-page,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-layer,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-card,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rank-card,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rank-card .card-body {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-family: var(--mu-font-body) !important;
}
/* community.js moves the template's div.px-1 stage into .mu-cm-rank-body, so the Bootstrap side padding is dropped there. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank-body > .px-1 { padding: 0 !important; }

/* Frame */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  min-height: 0;
  color: var(--mu-popup-text);
  font-family: var(--mu-font-body);
}
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank > .mu-v2-tabs { flex: none; margin: 0; }
/* Thẻ bảng (đợt 3): vùng cuộn .mu-cm-rank-body + thanh phân trang muV2.pager ở đáy thẻ, mọi khung. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank-card {
  flex: 0 1 auto;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #3a3f45;
  border-radius: 7px;
  background: #171d23;
}
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #776342 #11151b;
}
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank-body .table-responsive { overflow: visible !important; }
/* Pager cũ của template (.rkm-foot) mang .mu-v2-pager-src: ẩn, chỉ còn là đích bấm của muV2.pager. */

/* Heading: Back | title + one-line description | class filter (same grid as .mu-v2-page-heading in shared-ui.css). */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-heading { flex: none; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-heading .mu-v2-page-heading-title h1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-heading .mu-v2-page-heading-title p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-class-btn { min-height: 44px; padding: 8px 12px !important; max-width: 100%; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-class-btn > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-class-btn img { width: 22px; height: 22px; object-fit: contain; flex: none; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-heading[data-mu-cm-noclass] .mu-v2-page-heading-actions { display: none !important; }
/* Back link rendered by community.js (an <a> so v2.js leaves the click to the page script). */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-heading > a.mu-card-back svg { width: 22px; height: 22px; fill: currentColor; }

/* Tabs: the nine ranking types, scrolling inside their own strip. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank > .mu-v2-tabs > button { flex: 0 0 auto; }

/* Table skin (structure stays; community.js adds .mu-v2-table + data-mu-more). */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-table,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rank-table {
  table-layout: auto !important;
  width: 100%;
  margin: 0 !important;
  color: var(--mu-popup-text) !important;
  --bs-table-bg: transparent;
  --bs-table-striped-bg: transparent;
  --bs-table-hover-bg: #1c2227;
}
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rkm-table,.rank-table) thead th {
  background: #151a1f !important;
  color: #aeb4bc !important;
  border: 0 !important;
  border-bottom: 1px solid #77634270 !important;
  font: 700 12px/1.3 var(--mu-font-head) !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  padding: 9px 10px !important;
}
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rkm-table,.rank-table) tbody td {
  padding: 6px 10px !important;
  border-bottom: 1px solid #2a3036 !important;
  vertical-align: middle;
  font-size: 13px;
}
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rkm-table,.rank-table) tbody tr:hover { background: #1c2227 !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rkm-table,.rank-table) tbody tr[style*="background-color"] { background-color: #22282b !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-lbl-short { display: none !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-lbl-full { display: inline !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rkm-th-rank,.rkm-td-rank) { width: 52px; text-align: center; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rkm-th-character,.rkm-td-character,.rkm-th-name10,.rkm-td-name10,.rkm-th-guild,.rkm-td-guild) { width: auto; text-align: left; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rkm-th-level,.rkm-td-level,.rkm-th-reset,.rkm-td-reset,.rkm-th-exp,.rkm-td-exp,.rkm-th-weekly,.rkm-td-weekly,.rkm-th-updated,.rkm-td-updated) {
  width: auto;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rkm-th-class,.rkm-td-class) { width: auto; text-align: center; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-clip-10 { max-width: 14ch; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-clip-20 { max-width: 22ch; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-num,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rank-num { color: #aeb4bc !important; font: 700 13px/1 var(--mu-font-head) !important; font-variant-numeric: tabular-nums; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-name,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rank-name,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rgx-guild,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rgux-alliance { color: var(--mu-popup-text) !important; font-weight: 600 !important; font-size: 13px !important; max-width: none !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-val,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rank-value,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rgx-weekly,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rgux-weekly,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rgx-rm-main { color: var(--mu-popup-gold) !important; font-weight: 700 !important; font-size: 13px !important; font-variant-numeric: tabular-nums; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-val small { color: var(--mu-popup-muted) !important; font-weight: 500 !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rgx-leader,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rgux-leader,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rgx-rm-sub,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-ts,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-subtle,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rank-sub { color: var(--mu-popup-muted) !important; font-weight: 500 !important; max-width: none !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rgx-rm { padding: 0 !important; background: none !important; box-shadow: none !important; }
/* Top 1-3: one gold family (SKILL "Hạng 1–3 có điểm nhấn vàng"), graded by weight: 1 solid gold, 2 gold line on bronze-dark, 3 muted gold line. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-rank-badge {
  display: inline-flex; align-items: center; justify-content: center; gap: 4px;
  min-width: 36px; padding: 3px 8px !important;
  border: 1px solid #665438 !important; border-radius: 5px !important;
  background: #292f31 !important; color: var(--mu-popup-text) !important;
  box-shadow: none !important; font: 700 12px/1.2 var(--mu-font-head) !important;
}
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-rank-badge.top1 { border-color: #f0d5a0 !important; background: linear-gradient(110deg,#f2d7a2,#c9a468) !important; color: #251d12 !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-rank-badge.top2 { border-color: var(--mu-popup-gold) !important; background: #3b3020 !important; color: #f2d7a2 !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-rank-badge.top3 { border-color: #9b7e50 !important; background: #3b3020 !important; color: #e7c78d !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rank-num-1 { color: var(--mu-popup-gold) !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rank-num-2,.rank-num-3) { color: #e7c78d !important; }
/* Class chip = link that filters; guild name = link to the guild page. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content a.rkm-badge,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .um-class {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 28px; padding: 3px 9px !important;
  border: 1px solid #665438 !important; border-radius: 5px !important;
  background: #292f31 !important; color: #f0d49d !important;
  box-shadow: none !important; font: 700 11px/1.2 var(--mu-font-body) !important;
  text-decoration: none !important; touch-action: manipulation;
}
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content a.rkm-badge:is(:hover,:focus-visible) { border-color: var(--mu-popup-gold) !important; color: var(--mu-popup-text) !important; }
/* The chip stays 28px tall so rows stay dense; an invisible 8px halo brings its hit area to 44px. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content a.rkm-badge { position: relative; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content a.rkm-badge::before { content: ''; position: absolute; top: -8px; right: -6px; bottom: -8px; left: -6px; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-guild a,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rank-guild a {
  color: var(--mu-popup-gold) !important; font-weight: 600 !important; font-size: 13px !important; text-decoration: none !important;
  display: inline-flex; align-items: center; gap: 4px; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-guild a .fa-shield { display: none !important; }
/* Guild rows: Gen icon, logo and clickable row. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rgx-gen-wrap,.rgux-gen-wrap) { background: #20262c !important; box-shadow: none !important; border: 1px solid #3a3f45; border-radius: 6px !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-guild-logo,
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .t-guild-logo {
  width: 44px !important; height: 44px !important; border-radius: 6px !important;
  background: #20262c !important; border: 1px solid #3a3f45 !important; box-shadow: none !important; overflow: hidden;
}
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content tr[href] { cursor: pointer; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content tr[href]:focus-visible { outline: 2px solid var(--mu-popup-gold); outline-offset: -2px; }
/* Empty list */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content td.mu-cm-empty { padding: 28px 12px !important; color: #aeb4bc !important; font: 400 13px/1.5 var(--mu-font-body) !important; text-align: center; }
/* Detail rows produced by v2.js keep chip links usable */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content tr.mu-v2-row-more dd a.rkm-badge { min-height: 26px; }

/* Guild detail page (/rank.guild_view): guild card above the member table. */
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-guild-card {
  display: grid;
  grid-template-columns: 52px minmax(0,1fr);
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  margin: 0;
  border: 1px solid #3a3f45;
  border-radius: 7px;
  background: #171d23;
}
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-guild-card .t-guild-logo { width: 52px !important; height: 52px !important; margin: 0 !important; }
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-guild-card h5 { margin: 0 !important; color: var(--mu-popup-text) !important; font: 700 16px/1.2 var(--mu-font-head) !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-guild-card .rank-sub { margin-top: 3px; font-size: 12px !important; }
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-guild-card .rank-sub b { color: var(--mu-popup-gold); font-weight: 700; }
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-rank > .mu-v2-tabs { display: none !important; }

/* Portrait phone: the guild tables have no expandable columns (the whole row is a link), so the secondary
   columns are simply hidden; the member/reset figure stays. Player tables use data-mu-more (v2.js). */
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank { gap: 8px; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rkm-table,.rank-table) tbody td { padding: 3px 7px !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rkm-table,.rank-table) thead th { padding: 8px 7px !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rkm-th-rank,.rkm-td-rank) { width: 44px; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rgx-table,.rgux-table) :is(.rkm-th-gen,.rkm-td-gen,.rkm-th-logo,.rkm-td-logo,.rkm-th-name10:nth-child(4),.rkm-td-name10:nth-child(4)) { display: none !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-clip-10 { max-width: 11ch; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .rkm-clip-20 { max-width: 12ch; }
}
/* Landscape phone (about 844x300): tighter rows so more of the list fits the frame. */
@media (max-height: 480px) {
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank { gap: 6px; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank > .mu-v2-tabs { padding: 2px; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank > .mu-v2-tabs > button { min-height: 44px; padding: 5px 11px !important; font-size: 12px !important; }
  /* Header keeps its two lines (SKILL "Khung trang va nut Back"); the description only shrinks at ~300px height. */
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-heading .mu-v2-page-heading-title h1 { font-size: 17px !important; line-height: 1.1 !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-heading .mu-v2-page-heading-title p { margin-top: 0 !important; font-size: 10px !important; line-height: 1.25 !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rkm-table,.rank-table) tbody td { padding: 3px 8px !important; height: 36px; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-v2-table > tbody > tr > td { height: 36px; }
  body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-guild-card { padding: 5px 10px; grid-template-columns: 40px minmax(0,1fr); gap: 10px; }
  body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-guild-card .t-guild-logo { width: 40px !important; height: 40px !important; }
}

/* 1b. Ten people per page on every screen (SKILL "Bang Top", 26/09/2026). rank.php serves 10 rows under V2;
   master_open / guild_view are paged by community.js (tr.mu-cm-off, .mu-cm-local-foot).
   Portrait phone: the original table, 1 x 10, secondary columns folded by v2.js.
   Landscape phone, tablet, PC: .mu-cm-split = two half tables built by community.js, ranks 1-5 | 6-10;
   columns marked .mu-cm-sec (guild, EXP next to Level, update time, GEN/logo/leader) only show on wide frames. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content tr.mu-cm-off { display: none !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank-body { container-type: inline-size; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-cm-one { display: none !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); align-items: start; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split.is-single { grid-template-columns: minmax(0,1fr); }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split > table.mu-cm-half { width: 100%; margin: 0 !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split > table.mu-cm-half + table.mu-cm-half { border-left: 1px solid #3a3f45 !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split .mu-cm-sec { display: none !important; }
@container (min-width: 1000px) {
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split .mu-cm-sec { display: table-cell !important; }
}
/* GEN icon never fits a half table next to logo + leader; the guild page still shows the guild in full. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split :is(.rkm-th-gen,.rkm-td-gen) { display: none !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split tbody td { height: 44px; }
/* 2 nua bang 1-5 | 6-10 phai thang hang: tieu de cot dai ("Chu Bang Hoi") xuong 2 dong o nua trai lam thead cao hon ->
   moi dong lech ~15px. Cho thead 2 nua cung chieu cao (du cho 2 dong). */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split > table.mu-cm-half > thead > tr { height: 50px; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split > table.mu-cm-half > thead > tr > th { vertical-align: middle !important; }
/* Tall frames (PC, tablet): roomier rows instead of an empty block under the ten names. */
@media (min-width: 1024px) and (min-height: 700px) {
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split > table > tbody > tr > td { height: 64px; }
}
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-cm-one { display: table !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split { display: none !important; }
  /* Ten rows must fit the frame: 36px rows (the whole row is the expand target, full width). */
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-cm-one > tbody > tr:not(.mu-v2-row-more) > td { height: 36px; padding-top: 2px !important; padding-bottom: 2px !important; }
  body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-guild-card { padding: 7px 10px; grid-template-columns: 44px minmax(0,1fr); gap: 10px; }
  body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-guild-card .t-guild-logo { width: 44px !important; height: 44px !important; }
  /* The heading line already reads "Chủ X · N reset · M thành viên": the card keeps logo + name only. */
  body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-guild-card .rank-sub { display: none !important; }
  /* Class filter stays on the title row instead of taking a row of its own. */
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-heading { grid-template-columns: 36px minmax(0,1fr) auto !important; grid-template-areas: 'back title actions' !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-heading > .mu-v2-page-heading-actions { display: flex !important; width: auto !important; max-width: 46vw; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-heading > .mu-v2-page-heading-actions > .mu-cm-class-btn { width: auto !important; padding: 6px 10px !important; font-size: 13px !important; }
}
/* Landscape phone (~844x300): heading, tabs, then the table card (two half tables + pager at its bottom; chủ web chốt
   26/09: pager không chung hàng tab). Ten rows + pager may not fit 300px: the tables scroll inside the card. */
@media (max-height: 480px) {
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: auto auto minmax(0,1fr);
    grid-template-areas: 'head' 'tabs' 'body';
    gap: 4px 8px;
  }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank > .mu-cm-heading { grid-area: head; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank > .mu-v2-tabs { grid-area: tabs; min-width: 0; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank > .mu-cm-guild-card { grid-area: tabs; margin: 0 !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank > .mu-cm-rank-card { grid-area: body; min-height: 0; }
  /* 300px-high frame: 26px header + 5 x 30px rows fit the body cell without scrolling. */
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split thead th { padding: 4px 8px !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split > table > tbody > tr > td { height: 30px; padding-top: 1px !important; padding-bottom: 1px !important; }
}

/* Class picker sheet (muV2.sheet with cls mu-cm-class-sheet). The layer hangs off body, so the page slug is on body too. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) .mu-cm-class-sheet .mu-cm-class-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
}
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) .mu-cm-class-sheet .mu-cm-class-item {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
  min-height: 74px; padding: 8px 4px !important;
  border: 1px solid #3a3f45 !important; border-radius: 7px !important;
  background: #20262c !important; color: #d6d0c3 !important;
  font: 600 11px/1.2 var(--mu-font-body) !important; text-align: center;
  cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent;
}
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) .mu-cm-class-sheet .mu-cm-class-item img { width: 36px; height: 36px; object-fit: contain; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) .mu-cm-class-sheet .mu-cm-class-item span { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) .mu-cm-class-sheet .mu-cm-class-item:is(:hover,:focus-visible) { border-color: var(--mu-popup-border) !important; color: var(--mu-popup-text) !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) .mu-cm-class-sheet .mu-cm-class-item[aria-pressed="true"] { border-color: var(--mu-popup-gold) !important; box-shadow: inset 0 0 0 1px var(--mu-popup-gold) !important; color: var(--mu-popup-gold) !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) .mu-cm-class-sheet .mu-cm-class-item.is-all { grid-column: 1 / -1; flex-direction: row; min-height: 44px; }
@media (max-width: 380px) { body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) .mu-cm-class-sheet .mu-cm-class-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-height: 480px) { body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) .mu-cm-class-sheet .mu-cm-class-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 6px; } body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) .mu-cm-class-sheet .mu-cm-class-item { min-height: 60px; } body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) .mu-cm-class-sheet .mu-cm-class-item img { width: 28px; height: 28px; } }

/* ======================================================================== */
/* 2. Guild management (/guild_manager*, /guild_manager/buff_shop|buff_mng)  */
/* ======================================================================== */
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content { height: 100% !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content :is(.gm-page,.gmv-page,.gmb-page) {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--mu-popup-text) !important;
  font-family: var(--mu-font-body);
}
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content :is(.gm-page,.gmv-page,.gmb-page)::before,
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .boxContainer.gm-stage::before { display: none !important; content: none !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content :is(.gm-layer,.gmv-layer,.gmb-layer) {
  display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; gap: 10px;
}
/* Hero becomes the shared two-line heading: no card, no icon (Back sits on the left already). */
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mk-neo-hero {
  flex: none !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; overflow: visible !important;
}
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mk-neo-title-icon { display: none !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mk-neo-title-row { align-items: center !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content :is(.mk-neo-title-copy,.mk-neo-hero-copy) { min-width: 0; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } /* v2.css panel skin matches *-neo-* */
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mk-neo-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: none !important; letter-spacing: 0 !important; color: #f6f1e8 !important; font: 800 clamp(20px,2.4vw,24px)/1.15 var(--mu-font-head) !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mk-neo-subtitle { display: block !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/* The V1 "Back" link in the hero duplicates the V2 Back button. */
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mk-neo-title-actions > a[href^="/guild_manager.view.shtml"] { display: none !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mk-neo-title-actions > :is(a,button) { white-space: nowrap; min-height: 44px !important; font-size: 12px !important; touch-action: manipulation; } /* market.css: 40px + 10px text on phones */
/* Inline rule overlays are replaced by muV2.sheet / an inline block (community.js). */
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mkss-rule-modal { display: none !important; }

/* 2a. Guild list */
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; gap: 8px !important; align-content: start; }
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-item {
  grid-template-columns: 40px minmax(0,1fr) auto !important;
  grid-template-areas: 'rank meta bank' 'rank meta open';
  gap: 4px 12px !important;
  padding: 10px 12px !important;
  border: 1px solid #3a3f45 !important;
  border-radius: 7px !important;
  background: #171d23 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-item > .gm-rank { grid-area: rank; color: #aeb4bc !important; font: 700 14px/1 var(--mu-font-head) !important; }
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-item > div:nth-child(2) { grid-area: meta; min-width: 0; }
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-item > .gm-bank { grid-area: bank; text-align: right !important; color: var(--mu-popup-gold) !important; font: 700 15px/1.2 var(--mu-font-head) !important; font-variant-numeric: tabular-nums; }
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-item > .gm-bank small { color: var(--mu-popup-muted) !important; font: 500 11px/1 var(--mu-font-body) !important; }
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-item > div:empty { display: none !important; }
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-item > .gm-open { grid-area: open; justify-self: end; }
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-meta-title { color: var(--mu-popup-text) !important; font: 700 15px/1.25 var(--mu-font-head) !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-meta-sub { color: var(--mu-popup-muted) !important; font: 500 12px/1.3 var(--mu-font-body) !important; margin-top: 2px; }
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-empty {
  padding: 24px 16px !important; border: 1px dashed #3a3f45 !important; border-radius: 7px !important;
  background: transparent !important; color: #aeb4bc !important; font: 400 13px/1.5 var(--mu-font-body) !important;
}
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-item {
    grid-template-columns: 32px minmax(0,1fr) !important;
    grid-template-areas: 'rank meta' 'rank bank' 'open open';
  }
  body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-item > .gm-bank { text-align: left !important; }
  body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-item > .gm-open { justify-self: stretch; width: 100%; }
}

/* 2b. Guild overview: actions by frequency of use, two balance tiles, notes folded into the Rules sheet on phones.
   community.js tags the template's grid wrapper (the div right after .mk-neo-hero) with .mu-cm-stage; the hero itself
   stays flex:none so it never shares the spare height. */
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-layer > .mu-cm-stage { display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-layer > .mu-cm-stage > div:first-child { display: flex; flex-direction: column; gap: 10px; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-actions {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px !important;
  margin: 0 !important;
}
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-actions > a { min-width: 0; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-actions > a i { display: none; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-stat-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 8px !important; margin: 0 !important; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-stat {
  padding: 12px 12px !important; text-align: left !important;
  border: 1px solid #3a3f45 !important; border-radius: 7px !important;
  background: #171d23 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-stat-value { color: var(--mu-popup-gold) !important; font: 700 clamp(20px,3vw,26px)/1.1 var(--mu-font-head) !important; font-variant-numeric: tabular-nums; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-stat-label { margin-top: 4px !important; color: var(--mu-popup-muted) !important; font: 500 12px/1.2 var(--mu-font-body) !important; letter-spacing: 0 !important; text-transform: none !important; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-copy-grid { gap: 10px !important; margin: 0 !important; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-copy { padding: 12px !important; border: 1px solid #3a3f45; border-radius: 7px; background: #171d23; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-copy-title { margin: 0 0 6px !important; color: var(--mu-popup-text) !important; font: 700 13px/1.2 var(--mu-font-head) !important; letter-spacing: 0 !important; text-transform: none !important; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-copy ul { color: #d6d0c3 !important; font: 400 12px/1.5 var(--mu-font-body) !important; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-copy a { color: var(--mu-popup-gold) !important; text-decoration: underline; text-underline-offset: 2px; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-copy .danger { color: #f3d9d9 !important; }
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-actions { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-actions > a:first-child { grid-column: 1 / -1; }
  body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-copy-grid { display: none !important; }
}
@media (max-height: 480px) {
  body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-copy-grid { display: none !important; }
  body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-stat { padding: 8px 12px !important; }
}

/* 2c. Buff shop + buff manager: the list panel scrolls, heading and pager stay.
   buff_shop: .gmb-layer > .mk-neo-hero + div[grid] (= .mu-cm-stage) > div[grid-area] > .gmb-panel.
   buff_mng:  .gmb-layer > .mk-neo-hero + .gmb-panel (= .mu-cm-stage) > .gmb-note + #t-log-result. */
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-layer > .mu-cm-stage { display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; }
body[data-mu-preview][data-mu-page="guild_manager-buff_shop"] #index_content .gmb-layer > .mu-cm-stage > div:first-child { display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-panel {
  display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto;
  padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content :is(#t-cashshop_web_list,#t-log-result) { display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; gap: 8px; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-list-card {
  flex: 0 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
  padding: 0 !important; border: 1px solid #3a3f45 !important; border-radius: 7px !important;
  background: #171d23 !important; box-shadow: none !important;
}
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-list-card .table-responsive { overflow: visible !important; border-radius: 0 !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-table { table-layout: auto !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-table thead th { background: #151a1f !important; color: #aeb4bc !important; border: 0 !important; border-bottom: 1px solid #77634270 !important; font: 700 12px/1.3 var(--mu-font-head) !important; text-transform: none !important; letter-spacing: .02em !important; padding: 9px 10px !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-table tbody td { color: var(--mu-popup-text) !important; border-bottom: 1px solid #2a3036 !important; font-size: 13px !important; padding: 6px 10px !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-table tbody td.fw-bold { color: var(--mu-popup-gold) !important; font-variant-numeric: tabular-nums; white-space: nowrap; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-pill {
  min-width: 0 !important; padding: 3px 8px !important; border-radius: 5px !important;
  border: 1px solid #3a3f45; background: #20262c !important; color: #d6d0c3 !important; font: 600 11px/1.2 var(--mu-font-body) !important;
}
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-pill.attack { border-color: #8a4a4a; color: #f3d9d9 !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-pill.defense { border-color: #9b7e50; color: #f0d49d !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-pill.support { border-color: #5d6268; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-name-btn { color: var(--mu-popup-text) !important; font: 600 13px/1.3 var(--mu-font-body) !important; min-height: 44px; text-align: left; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-name-btn i { color: var(--mu-popup-gold); }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-name-detail { background: #20262c !important; color: #d6d0c3 !important; border-left: 3px solid var(--mu-popup-border); border-radius: 5px !important; font: 400 12px/1.45 var(--mu-font-body) !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content :is(.gmb-buy-btn,.gmb-del-btn) {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 60px; padding: 6px 12px !important;
  border: 1px solid #665438 !important; border-radius: 6px !important; background: #292f31 !important; color: var(--mu-popup-text) !important;
  box-shadow: none !important; font: 700 12px/1.2 var(--mu-font-body) !important; touch-action: manipulation; -webkit-tap-highlight-color: transparent; cursor: pointer;
}
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-buy-btn { border-color: #f0d5a0 !important; background: linear-gradient(110deg,#f2d7a2,#c9a468) !important; color: #251d12 !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-del-btn { border-color: #8a4a4a !important; background: #2b2424 !important; color: #f3d9d9 !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content :is(.gmb-buy-btn,.gmb-del-btn):is(:hover,:focus-visible) { filter: brightness(1.06); }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-pager { flex: none; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-pager-btn { min-width: 0 !important; min-height: 44px !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-note { flex: none; margin: 0 0 8px !important; padding: 9px 12px !important; border: 1px solid #3a3f45; border-left: 3px solid var(--mu-popup-border); border-radius: 7px !important; background: #1a2026 !important; color: #eee7d8 !important; font: 400 12px/1.45 var(--mu-font-body) !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-list-head { margin: 0 !important; color: var(--mu-popup-muted) !important; font: 500 12px/1.3 var(--mu-font-body) !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-list-head b { color: var(--mu-popup-text); }
@media (max-width: 700px) and (orientation: portrait) {
  /* The "#" column goes on portrait; the empty-state cell (td[colspan], .mu-cm-empty) must stay visible. */
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-table :is(thead th:first-child, tbody tr:not(.mu-v2-row-more) > td:first-child:not([colspan]):not(.mu-cm-empty)) { display: none !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-table tbody td { padding: 6px 7px !important; }
}
@media (max-height: 480px) {
  /* Two-line header stays; the subtitle shrinks instead of hiding on ~300px-high landscape phones. */
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mk-neo-title { font-size: 17px !important; line-height: 1.1 !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mk-neo-subtitle { margin-top: 0 !important; font-size: 10px !important; line-height: 1.25 !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content :is(.gm-layer,.gmv-layer,.gmb-layer) { gap: 6px; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-table tbody td { padding: 3px 8px !important; height: 36px; }
}

/* 2d. Popups loaded into #modal-popup (withdraw, buy contribution, log, buy buff, remove buff).
   The Bootstrap frame is already Hac kim (shared-ui.css); only the template's inner glass needs the skin. */
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup :is(.gmp,.gmlog,.bfb-wrap,.bfd-wrap) { max-width: none !important; padding: 0 !important; color: var(--mu-popup-text); font-family: var(--mu-font-body); }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup :is(.gmp-head,.gmlog-head,.bfb-title,.bfd-title) {
  margin: 0 0 12px !important; padding: 0 0 10px !important;
  border: 0 !important; border-bottom: 1px solid #3a3f45 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
  display: flex; align-items: center; gap: 10px;
}
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup :is(.gmp-head-icon,.gmlog-head-icon,.bfb-title-icon,.bfd-title-icon) {
  width: 36px !important; height: 36px !important; border-radius: 6px !important;
  border: 1px solid #8d7448 !important; background: #3b3020 !important; color: var(--mu-popup-gold) !important; box-shadow: none !important; font-size: 14px !important;
}
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .bfd-title-icon { border-color: #8a4a4a !important; background: #2b2424 !important; color: #f3d9d9 !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup :is(.gmp-head-title,.gmlog-head-title,.bfb-title-label,.bfd-title-label) { color: var(--mu-popup-text) !important; font: 700 17px/1.25 var(--mu-font-head) !important; letter-spacing: 0 !important; text-transform: none !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup :is(.gmp-head-sub,.gmlog-head-sub,.bfb-title-sub,.bfd-title-sub) { color: var(--mu-popup-muted) !important; font: 500 11px/1.4 var(--mu-font-body) !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gmp-head .mk-neo-rule-btn { margin-left: auto; min-height: 44px !important; padding: 6px 10px !important; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gmp-shell { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gmp form { padding: 0 !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gmp .form-label { display: block !important; margin: 0 0 6px !important; color: #d6d0c3 !important; font: 600 12px/1.3 var(--mu-font-body) !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gmp .form-text { display: block; margin-top: 6px !important; color: var(--mu-popup-muted) !important; font: 400 12px/1.5 var(--mu-font-body) !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gmp .font-weight-bold,
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gmp .input-group .text-center { color: var(--mu-popup-text) !important; font: 600 13px/1.3 var(--mu-font-body) !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gmp .input-group .text-center { color: var(--mu-popup-gold) !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gmp .mb-3.d-flex { padding: 8px 10px; border: 1px solid #3a3f45; border-radius: 6px; background: #171e22; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup :is(.gmp .btn-primary-s1,.bfb-submit button[type="submit"],.bfd-submit button[type="submit"]) {
  min-height: 46px !important; padding: 10px 16px !important; border-radius: 6px !important;
  font: 700 14px/1.25 var(--mu-font-body) !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important;
}
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .bfd-submit button[type="submit"] { border: 1px solid #c05c5c !important; background: var(--mu-danger) !important; color: #fff8f0 !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .iconarrowbtn-right { display: none !important; }
/* Amount the server could not read safely (community.js flagInvalid): message under the field, not sent. */
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .mu-cm-field-error { margin: 8px 0 0 !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gmp input.is-invalid { border-color: var(--mu-danger) !important; box-shadow: none !important; }
/* Rules folded inline (community.js builds .mu-cm-inline-rules from the hidden overlay). */
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .mu-cm-inline-rules { margin: 0 0 12px; padding: 4px 12px; border: 1px solid #3a3f45; border-left: 3px solid var(--mu-popup-border); border-radius: 7px; background: #1a2026; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .mu-cm-inline-rules[hidden] { display: none !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .mu-cm-inline-rules .mu-v2-guide-row { padding: 8px 0; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .mu-cm-inline-rules .mu-v2-guide-row > :last-child { font: 400 12px/1.45 var(--mu-font-body); }
/* Buff buy / delete rows */
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup :is(.bfb-rows,.bfd-rows) { margin: 0 0 12px !important; border: 1px solid #3a3f45 !important; border-radius: 7px !important; background: #171e22 !important; box-shadow: none !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup :is(.bfb-row,.bfd-row) { padding: 9px 12px !important; border-bottom: 1px solid #2a3036 !important; gap: 12px; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup :is(.bfb-row,.bfd-row):last-child { border-bottom: 0 !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup :is(.bfb-row-label,.bfd-row-label) { color: var(--mu-popup-muted) !important; font: 500 12px/1.35 var(--mu-font-body) !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup :is(.bfb-row-value,.bfd-row-value) { color: var(--mu-popup-text) !important; font: 700 13px/1.35 var(--mu-font-body) !important; overflow-wrap: anywhere; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup :is(.bfb-row-value,.bfd-row-value) b { color: var(--mu-popup-gold); }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup :is(.bfb-row-help,.bfd-row-help) { color: var(--mu-popup-muted) !important; font: 400 11px/1.4 var(--mu-font-body) !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .bfd-warn { margin: 0 0 12px !important; padding: 10px 12px !important; border: 1px solid #8a4a4a !important; border-left: 3px solid var(--mu-danger) !important; border-radius: 7px !important; background: #2b2424 !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .bfd-warn-icon { color: #f3d9d9 !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .bfd-warn-text { display: flex; align-items: flex-start; gap: 10px; margin: 0; color: #f3d9d9 !important; font: 500 12px/1.45 var(--mu-font-body) !important; cursor: pointer; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .bfd-warn input[type="checkbox"] { flex: none; width: 20px; height: 20px; margin: 0 !important; accent-color: var(--mu-danger) !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup :is(.bfb-captcha,.bfd-captcha) { margin: 0 0 12px !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup :is(.bfb-captcha,.bfd-captcha) label.form-label { display: block !important; margin: 0 0 6px !important; color: #d6d0c3 !important; font: 600 12px/1.3 var(--mu-font-body) !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .captcha_img { border-radius: 4px !important; }
/* Log popup */
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup #t-cashshop_web_list { padding: 0 !important; color: var(--mu-popup-text) !important; font: 400 13px/1.45 var(--mu-font-body) !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gml-table-shell { padding: 0 !important; border: 1px solid #3a3f45 !important; border-radius: 7px !important; background: #171d23 !important; box-shadow: none !important; overflow: hidden; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gml-table-wrap { max-height: 360px; max-height: min(46dvh, 360px); overflow-y: auto; -webkit-overflow-scrolling: touch; }
/* Nhật ký Bang Hội (đợt 3): phân trang muV2.pager liền đáy khung bảng (community.js guildPager, .gml-pager cũ ẩn). */
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup #t-cashshop_web_list.mu-cm-paged > .gml-table-shell { margin-bottom: 0 !important; border-bottom: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup #t-cashshop_web_list > .mu-v2-pager { border: 1px solid #3a3f45; border-top-color: #2a3036; border-radius: 0 0 7px 7px; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup #t-cashshop_web_list th { background: #151a1f !important; color: #aeb4bc !important; border-bottom: 1px solid #77634270 !important; font: 700 12px/1.3 var(--mu-font-head) !important; text-transform: none !important; letter-spacing: .02em !important; padding: 9px 10px !important; white-space: nowrap; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup #t-cashshop_web_list td { color: var(--mu-popup-text) !important; border-bottom: 1px solid #2a3036 !important; font-size: 13px !important; padding: 7px 10px !important; overflow-wrap: anywhere; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup #t-cashshop_web_list td:first-child { color: #aeb4bc !important; white-space: nowrap; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup #t-cashshop_web_list td:last-child { color: var(--mu-popup-muted) !important; white-space: nowrap; font-variant-numeric: tabular-nums; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gml-pager { margin-top: 12px; gap: 8px; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gml-pager-btn {
  min-height: 44px; padding: 9px 14px !important; border: 1px solid #665438 !important; border-radius: 6px !important;
  background: #292f31 !important; color: var(--mu-popup-text) !important; box-shadow: none !important; font: 700 13px/1.25 var(--mu-font-body) !important; touch-action: manipulation;
}
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gml-pager-btn:is(:hover,:focus-visible) { border-color: var(--mu-popup-border) !important; background: #323836 !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup .gml-pager-num { min-width: 44px; height: 44px; border-radius: 6px; border: 1px solid #f0d5a0; background: linear-gradient(110deg,#f2d7a2,#c9a468); color: #251d12; box-shadow: none; font: 700 13px/1 var(--mu-font-head); }

/* Rules sheet (muV2.sheet with cls mu-cm-rules-sheet): numbered rows reuse .mu-v2-guide-*; sub-heading for the notes.
   Scoped by the guild_manager slug on body, like the class sheet above. */
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-cm-rules-sheet .mu-cm-rules-group { margin: 12px 0 4px; color: var(--mu-popup-gold); font: 700 12px/1.3 var(--mu-font-head); letter-spacing: .02em; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-cm-rules-sheet .mu-cm-rules-group:first-child { margin-top: 0; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-cm-rules-sheet .mu-cm-rules-list { margin: 0; padding-left: 18px; color: #e1dcd1; font: 400 13px/1.5 var(--mu-font-body); }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-cm-rules-sheet .mu-cm-rules-list li { margin: 4px 0; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-cm-rules-sheet .mu-cm-rules-danger { color: #f3d9d9; }

/* ======================================================================== */
/* 3. Wave 2 (26/09/2026, from real screenshots)                             */
/* ======================================================================== */
/* 3a. Rankings: expanded row (portrait) is one compact line of 2-3 facts; the guild link is gold, no blue shield. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-v2-table tr.mu-v2-row-more > td { padding: 6px 12px 8px 15px; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-v2-table tr.mu-v2-row-more dl { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0,1fr); gap: 2px 12px; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-v2-table tr.mu-v2-row-more dl > div { min-width: 0; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-v2-table tr.mu-v2-row-more dt { font-size: 11px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-v2-table tr.mu-v2-row-more dd { text-align: left; font-size: 13px; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-v2-table tr.mu-v2-row-more dd a:not(.rkm-badge) { color: var(--mu-popup-gold) !important; text-decoration: none !important; font-weight: 600; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-v2-table tr.mu-v2-row-more dd :is(.fa-shield,.fa-shield-halved) { display: none !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(.rkm-table,.rank-table) thead th { white-space: nowrap; }
/* Rank 1-3 on the guild member list: same gold badges as the player boards. */
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content :is(.rank-num-1,.rank-num-2,.rank-num-3) { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; padding: 3px 8px; border: 1px solid #9b7e50; border-radius: 5px; background: #3b3020; color: #e7c78d !important; }
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .rank-num-1 { border-color: #f0d5a0; background: linear-gradient(110deg,#f2d7a2,#c9a468); color: #251d12 !important; }
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .rank-num-2 { border-color: var(--mu-popup-gold); color: #f2d7a2 !important; }
/* Guild page: the card repeated the heading; its logo now sits in the heading's action slot. */
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-rank > .mu-cm-guild-card { display: none !important; }
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-heading[data-mu-cm-noclass] > .mu-v2-page-heading-actions { display: flex !important; width: auto !important; justify-content: flex-end; }
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-heading .mu-cm-class-btn { display: none !important; }
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-heading .mu-cm-guild-logo { flex: none; width: 44px !important; height: 44px !important; margin: 0 !important; }
@media (max-height: 480px) { body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-heading .mu-cm-guild-logo { width: 38px !important; height: 38px !important; } }
/* Back link: drawn 36px on phones, touch area 44px. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-heading > a.mu-cm-back { position: relative; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-heading > a.mu-cm-back::after { content: ""; position: absolute; left: 50%; top: 50%; width: max(calc(100% + 10px), 44px); height: max(calc(100% + 10px), 44px); transform: translate(-50%, -50%); }

/* 3b. Tall frames: 1 x 10 on a portrait tablet (it is "đứng"), rows grow into the frame instead of leaving an empty block. */
@media (orientation: portrait) and (min-width: 701px) and (max-width: 1100px) {
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-cm-one { display: table !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split { display: none !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank-card { flex: 1 1 0; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank-body { flex: 1 1 0; container-type: size; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-cm-one > tbody > tr:not(.mu-v2-row-more) > td { height: 52px; height: clamp(44px, calc((100cqh - 48px) / 10), 76px); }
}
@media (min-width: 1024px) and (min-height: 700px) {
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split > table > tbody > tr > td { height: clamp(52px, calc((var(--mu-h, 100vh) - 330px) / 5), 76px); }
}

/* 3c. Class sheet on a ~300px-high landscape phone: compact rows (icon + name), three per line. */
@media (max-height: 480px) {
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) .mu-cm-class-sheet .mu-cm-class-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) .mu-cm-class-sheet .mu-cm-class-item { flex-direction: row; justify-content: flex-start; min-height: 44px !important; padding: 4px 8px !important; gap: 8px; text-align: left; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) .mu-cm-class-sheet .mu-cm-class-item.is-all { justify-content: center; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) .mu-cm-class-sheet .mu-cm-class-item img { width: 30px !important; height: 30px !important; }
}

/* 3d. Guild pages: the shared backbar is 36px on portrait phones while its button is 42px (it poked 3px above the
   frame); the button follows the bar and keeps a 44px touch area. */
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mu-v2-page-heading > .mu-page-backbar .mu-page-back { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; }
}
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mu-v2-page-heading > .mu-page-backbar .mu-page-back { position: relative; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mu-v2-page-heading > .mu-page-backbar .mu-page-back::after { content: ""; position: absolute; left: 50%; top: 50%; width: max(calc(100% + 10px), 44px); height: max(calc(100% + 10px), 44px); transform: translate(-50%, -50%); }

/* 3e. Guild list empty state (community.js decorateGuildEmpty). */
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-empty.mu-v2-empty {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  padding: 28px 18px !important; border: 1px solid #3a3f45 !important; background: #171d23 !important; text-align: center;
}
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .mu-cm-empty-icon { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid #8d7448; border-radius: 50%; background: #3b3020; color: var(--mu-popup-gold); }
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .mu-cm-empty-icon svg { width: 26px; height: 26px; fill: currentColor; }
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .mu-cm-empty-title { color: var(--mu-popup-text); font: 700 16px/1.3 var(--mu-font-head); }
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .mu-cm-empty-hint { margin: 0; max-width: 34ch; color: var(--mu-popup-muted); font: 400 13px/1.45 var(--mu-font-body); }
body[data-mu-preview][data-mu-page="guild_manager"] #index_content .mu-cm-empty-cta { margin-top: 6px; min-height: 44px; padding: 10px 18px !important; text-decoration: none !important; }
@media (max-height: 480px) {
  body[data-mu-preview][data-mu-page="guild_manager"] #index_content .gm-empty.mu-v2-empty { flex-direction: row; flex-wrap: wrap; justify-content: center; padding: 14px !important; gap: 6px 12px; }
  body[data-mu-preview][data-mu-page="guild_manager"] #index_content .mu-cm-empty-hint { flex-basis: 100%; max-width: none; }
  body[data-mu-preview][data-mu-page="guild_manager"] #index_content .mu-cm-empty-cta { margin-top: 0; }
}

/* 3f. Guild overview: balances first, then the main action, then the three secondary ones; Rules stays a small
   button on the title row. */
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-stat-grid { order: -1; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .mk-neo-title-actions > #gmvRuleBtn { width: auto !important; min-height: 44px !important; padding: 6px 12px !important; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-copy ul { margin: 0 !important; padding-left: 18px !important; list-style: disc; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-copy li { padding: 0 !important; margin: 3px 0 !important; }
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-copy li::marker { color: #9b7e50; }
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-actions { grid-template-columns: repeat(3, minmax(0,1fr)); }
  body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-actions > a:not(:first-child) { flex-direction: column; gap: 6px; min-height: 72px; padding: 8px 6px !important; font-size: 12px !important; line-height: 1.25 !important; text-align: center; white-space: normal; }
  body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-actions > a:not(:first-child) i { display: block; color: var(--mu-popup-gold); font-size: 17px; }
  body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-actions > a:first-child { min-height: 50px; }
  /* The notes fit the free space under the actions and scroll inside their own card when long. */
  body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-layer > .mu-cm-stage > div:first-child { overflow: hidden; }
  body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-copy-grid { display: grid !important; grid-template-columns: minmax(0,1fr) !important; flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; align-content: start; }
}

/* 3g. Buff tables: phones hide the secondary column and show its copy under the name (community.js .mu-cm-sub). */
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mu-cm-buff-table .mu-cm-sub { display: none; }
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mu-cm-buff-table .mu-cm-sec { display: none !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mu-cm-buff-table .mu-cm-sub {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
    margin-top: 3px; color: var(--mu-popup-muted); font: 400 12px/1.35 var(--mu-font-body);
  }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mu-cm-buff-table .mu-cm-sub .gmb-pill { display: inline-block; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mu-cm-buff-table .gmb-name-btn { min-height: 32px; }
}
/* The page subtitle already says what the manager is for, and the title carries the guild name. */
body[data-mu-preview][data-mu-page="guild_manager-buff_mng"] #index_content .gmb-note { display: none !important; }
@media (max-width: 700px) and (orientation: portrait), (max-height: 480px) {
  body[data-mu-preview][data-mu-page="guild_manager-buff_mng"] #index_content .gmb-list-head { display: none !important; }
}

/* 3h. Guild popups (#modal-popup.mu-cm-popup, set by community.js): the template's title block moves up beside
   the corner X instead of sitting under an empty row; Rules is a small button; on ~300px-high landscape phones the
   main button sticks to the bottom of the scrolling body so it is always visible. */
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup .modal-content > .spay-neo-close + .modal-body { padding-top: 15px !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.gmp-head,.gmlog-head,.bfb-title,.bfd-title) { padding-right: 48px !important; min-height: 44px; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup .gmp-head .mk-neo-rule-btn { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin-left: auto; padding: 6px 10px !important; font-size: 12px !important; }
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup .modal-content > .spay-neo-close + .modal-body { padding-top: 8px !important; }
}
@media (max-height: 480px) {
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.gmp form .btn-primary-s1, .bfb-submit, .bfd-submit) { position: sticky; bottom: 0; z-index: 2; box-shadow: 0 -12px 12px -2px var(--mu-popup-bg); }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.bfb-submit, .bfd-submit) { padding-top: 8px; background: var(--mu-popup-bg); }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.gmp-head,.gmlog-head,.bfb-title,.bfd-title) { margin-bottom: 8px !important; padding-bottom: 6px !important; }
}
/* Rules sheet: plain bullets with a muted gold marker. */
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-cm-rules-sheet .mu-cm-rules-list { padding-left: 18px !important; margin: 0 !important; list-style: disc; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-cm-rules-sheet .mu-cm-rules-list li { padding: 0 !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-cm-rules-sheet .mu-cm-rules-list li::marker { color: #9b7e50; }
/* 3i. unify.css (shared header card, 26/09 12:38) adds 6-8px under the card; the rankings frame already has a gap,
   so the card keeps no margin and ten rows still fit 390x664 and 844x300. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank > .mu-cm-heading[data-mu-v2-head-card] { margin: 0 !important; }
@media (max-height: 480px) {
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank > .mu-v2-tabs { padding: 0 !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split > table > tbody > tr > td { height: 28px; }
  /* Class chip drawn 24px; its halo (::before) keeps a 44px touch area. */
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split a.rkm-badge { min-height: 24px; padding-top: 2px !important; padding-bottom: 2px !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split a.rkm-badge::before { top: -10px; bottom: -10px; }
}

/* ======================================================================== */
/* 4. Round 3 (26/09/2026, reviewer findings with screenshots)              */
/* ======================================================================== */
/* 4a. Rankings, portrait: an opened row (v2.js detail line) must not push row 10 out of the frame. community.js
   sets table.mu-cm-open while a detail row exists: the other rows tighten by 4px and the detail is one line,
   label and value side by side. */
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-cm-one.mu-cm-open > tbody > tr:not(.mu-v2-row-more) > td { height: 32px; padding-top: 1px !important; padding-bottom: 1px !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-v2-table tr.mu-v2-row-more > td { padding: 3px 10px 4px 12px !important; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-v2-table tr.mu-v2-row-more dl { margin: 0; align-items: center; display: flex !important; gap: 4px 12px; justify-content: space-between; width: 0; min-width: 100%; overflow: hidden; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-v2-table tr.mu-v2-row-more dl > div:last-child { flex: 0 1 auto; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-v2-table tr.mu-v2-row-more dl > div:not(:last-child) { flex: none; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-v2-table tr.mu-v2-row-more dl > div { display: flex; align-items: center; gap: 5px; min-width: 0; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-v2-table tr.mu-v2-row-more dt { flex: none; margin: 0; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-v2-table tr.mu-v2-row-more dd { min-width: 0; margin: 0; }
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content tr.mu-v2-row-more dd a.rkm-badge { min-height: 24px; padding: 2px 7px !important; }
}
/* 4b. Touch areas: the expand chevron is drawn 28px with an invisible 44px hit area (pager: shared-ui .mu-v2-pager). (A whole ranking row is also a tap target: 36px tall x full width, so ten fit 390x664.) */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-v2-row-toggle-btn { position: relative; width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-v2-row-toggle-btn::after { content: ""; position: absolute; inset: -8px; }
/* 4c. Top Master Open: the "+48.7%" next to the level was 8.8px (inline 0.68em). */
body[data-mu-preview][data-mu-page="rank-master_open"] #index_content .rkm-td-level small { font-size: 11px !important; font-weight: 600 !important; color: var(--mu-popup-muted) !important; white-space: nowrap; }
/* 4d. Top Guild / Top Lien minh: rows open a page, a chevron at the end says so. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content :is(td,th).mu-cm-chev { width: 26px; padding-left: 0 !important; padding-right: 8px !important; text-align: right; color: #9b7e50; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content td.mu-cm-chev svg { width: 16px; height: 16px; vertical-align: middle; fill: currentColor; }
/* 4e. Guild not found (/rank.guild_view.shtml?name=...): empty state instead of an empty member table. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank-body [hidden] { display: none !important; }
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-missing { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 28px 18px; text-align: center; }
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-missing .mu-cm-empty-icon { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid #8d7448; border-radius: 50%; background: #3b3020; color: var(--mu-popup-gold); }
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-missing .mu-cm-empty-icon svg { width: 26px; height: 26px; fill: currentColor; }
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-missing .mu-cm-empty-title { color: var(--mu-popup-text); font: 700 16px/1.3 var(--mu-font-head); }
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-missing .mu-cm-empty-hint { margin: 0; max-width: 36ch; color: var(--mu-popup-muted); font: 400 13px/1.45 var(--mu-font-body); }
body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-missing .mu-cm-empty-cta { margin-top: 6px; min-height: 44px; padding: 10px 18px !important; text-decoration: none !important; }
@media (max-height: 480px) {
  body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-missing { flex-direction: row; flex-wrap: wrap; justify-content: center; padding: 12px; gap: 6px 12px; }
  body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-missing .mu-cm-empty-hint { flex-basis: 100%; max-width: none; }
  body[data-mu-preview][data-mu-page="rank-guild_view"] #index_content .mu-cm-missing .mu-cm-empty-cta { margin-top: 0; }
}

/* 4f. One popup at a time: while muV2.confirm asks, the form popup (#modal-popup + its Bootstrap backdrop) is
   hidden, not closed (community.js parkModal); it comes back with the typed values on Cancel. */
body[data-mu-preview][data-mu-cm-parked]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) :is(#modal-popup,.modal-backdrop) { visibility: hidden !important; }
/* 4g. Confirmation on a ~300px-high landscape phone: head and buttons stay, the middle scrolls, the summary is 2 x 2. */
@media (max-height: 480px) {
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-v2-popup-dialog.mu-v2-confirm { display: flex !important; flex-direction: column; overflow: hidden !important; gap: 8px !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) :is(.mu-v2-confirm-head,.mu-v2-confirm-actions) { flex: none; }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-v2-confirm-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; gap: 8px; }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-v2-confirm-title { font-size: 16px !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-v2-confirm-summary { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 4px 14px; padding: 7px 10px; }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-v2-confirm-summary > div { flex-direction: column; align-items: flex-start; gap: 0; }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-v2-confirm-summary dt { font-size: 11px; }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-v2-confirm-summary dd { max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-align: left; font-size: 14px; }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-v2-confirm-hint { font-size: 11.5px; line-height: 1.35; }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) .mu-v2-confirm-actions .mu-v2-btn { min-height: 44px; }
}

/* 4h. Guild overview: the Bac / Cong hien notes are exactly what the Rules sheet (header button) shows. */
body[data-mu-preview][data-mu-page="guild_manager-view"] #index_content .gmv-copy-grid { display: none !important; }

/* 4i. Buff shop / manager heading: secondary buttons stay on the title row; portrait phones show them as 44px icons. */
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mk-neo-title-actions > :is(a,button) { gap: 6px; }
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mk-neo-title-actions { flex-wrap: nowrap !important; gap: 6px !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mk-neo-title-actions > :is(a,button) { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px; padding: 0 !important; flex: 0 0 44px !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mk-neo-title-actions .mu-cm-act-label { display: none !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .mk-neo-title-actions :is(i,svg) { margin: 0 !important; font-size: 17px !important; }
}
/* List titles repeat the heading ("Danh sach Buff Bang Hoi: X"). */
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-list-head { display: none !important; }
/* Empty list: one centred message, no column titles (community.js hides the thead). */
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-table thead[hidden] { display: none !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-table td.mu-cm-empty { padding: 28px 12px !important; border: 0 !important; color: #aeb4bc !important; font: 400 13px/1.5 var(--mu-font-body) !important; text-align: center; }
/* Phân trang (đợt 3, chủ web chốt 26/09): muV2.pager ngay dưới bảng buff, liền thẻ bảng, ở mọi khung (ngang thấp
   không còn đặt cạnh danh sách). Nút cũ .gmb-pager ẩn (.mu-v2-pager-src), community.js guildPager() bấm hộ. */
body[data-mu-preview][data-mu-page="guild_manager-buff_shop"] #index_content #t-cashshop_web_list.mu-cm-paged { gap: 0 !important; }
body[data-mu-preview][data-mu-page="guild_manager-buff_shop"] #index_content #t-cashshop_web_list.mu-cm-paged > .gmb-list-card { border-bottom: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
body[data-mu-preview][data-mu-page="guild_manager-buff_shop"] #index_content #t-cashshop_web_list > .mu-v2-pager { border: 1px solid #3a3f45; border-top-color: #2a3036; border-radius: 0 0 7px 7px; }

/* 4j. Popup head: title block, Rules and X on one line, X centred on it and inside the head's rule. The head is
   44px tall (content-box), the X (40px) sits 2px below the body's top padding and at the body's right padding. */
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.gmp-head,.gmlog-head,.bfb-title,.bfd-title) { box-sizing: content-box !important; min-height: 44px !important; height: auto; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.gmp-head-info,.gmlog-head-info,.bfb-title-text,.bfd-title-text) { flex: 1 1 auto; min-width: 0; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.gmp-head-title,.gmlog-head-title,.bfb-title-label,.bfd-title-label,.gmp-head-sub,.gmlog-head-sub,.bfb-title-sub,.bfd-title-sub) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup .modal-content > .spay-neo-close + .modal-body { padding-top: 15px !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup .spay-neo-close { top: 17px !important; right: 17px !important; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup #gmpRuleBtn { flex: none !important; gap: 6px; min-height: 44px !important; height: 44px; }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup #gmpRuleBtn .mu-cm-rule-icon { display: inline-grid; place-items: center; width: 18px; height: 18px; color: var(--mu-popup-gold); }
body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup #gmpRuleBtn .mu-cm-rule-icon svg { width: 18px; height: 18px; fill: currentColor; }
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup .modal-content > .spay-neo-close + .modal-body { padding-top: 17px !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup .spay-neo-close { top: 35px !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup #gmpRuleBtn { width: 44px !important; padding: 0 !important; justify-content: center; }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup #gmpRuleBtn .mu-cm-rule-label { display: none !important; }
}
@media (max-height: 480px) {
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup .modal-content > .spay-neo-close + .modal-body { padding-top: 10px !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager"],[data-mu-page="guild_manager-view"],[data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup .spay-neo-close { top: 12px !important; }
}
/* 4k. Buy / remove buff on a ~300px-high landscape phone: compact rows (description on one line), the captcha
   field right under them without its label (placeholder "Captcha"), so the button no longer covers the field. */
@media (max-height: 480px) {
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.bfb-rows,.bfd-rows,.bfd-warn) { margin-bottom: 8px !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.bfb-row,.bfd-row) { padding: 5px 10px !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.bfb-row-help,.bfd-row-help) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.bfb-captcha,.bfd-captcha) { margin-bottom: 8px !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.bfb-captcha,.bfd-captcha) label.form-label { display: none !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.bfb-captcha,.bfd-captcha) .mb-3 { margin-bottom: 0 !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.bfb-submit,.bfd-submit) .mt-2 { margin-top: 0 !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup .bfd-warn { padding: 6px 10px !important; }
}
/* Remove buff: the form's own tick box is gone in V2 (the confirmation dialog holds the only one). */
body[data-mu-preview][data-mu-page="guild_manager-buff_mng"] #modal-popup .bfd-warn input[name="agree"] { display: none !important; }
body[data-mu-preview][data-mu-page="guild_manager-buff_mng"] #modal-popup .bfd-warn-text.mu-cm-warn-plain { cursor: default; }
/* 4l. Buff tables on a ~300px-high landscape phone: a page of five buffs fits the frame (header 28px + 5 x 36px);
   the Buy/Remove buttons and the name toggle are drawn 32px with a 44px touch halo. */
@media (max-height: 480px) {
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-table thead th { padding: 5px 8px !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-table tbody td { height: 34px; padding: 2px 8px !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-name-btn { min-height: 32px; position: relative; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content .gmb-pill { white-space: nowrap; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content :is(.gmb-buy-btn,.gmb-del-btn) { position: relative; min-height: 32px; padding: 4px 12px !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #index_content :is(.gmb-buy-btn,.gmb-del-btn,.gmb-name-btn)::after { content: ""; position: absolute; inset: -6px -2px; }
}
/* 4m. Buy / remove buff, ~300px-high landscape: captcha and main button share the last line (captcha left,
   button right), so neither covers the other and the whole form fits the panel. */
@media (max-height: 480px) {
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.bfb-wrap,.bfd-wrap) > form { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: 10px; align-items: center; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.bfb-wrap,.bfd-wrap) > form > * { grid-column: 1 / -1; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.bfb-wrap,.bfd-wrap) > form > :is(.bfb-captcha,.bfd-captcha) { grid-column: 1; margin: 0 !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.bfb-wrap,.bfd-wrap) > form > :is(.bfb-submit,.bfd-submit) { grid-column: 2; position: static !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.bfb-submit,.bfd-submit) :is(.mb-1,.mt-2) { margin: 0 !important; }
  body[data-mu-preview]:is([data-mu-page="guild_manager-buff_shop"],[data-mu-page="guild_manager-buff_mng"]) #modal-popup.mu-cm-popup :is(.bfb-submit,.bfd-submit) button[type="submit"] { min-height: 46px !important; padding: 6px 10px !important; font-size: 13px !important; line-height: 1.2 !important; }
}

/* 4n. Sửa cuối đợt 3 (phản biện: thẻ BXH dừng giữa màn hình PC / guild_view đứng, "nút không ở dưới"): thẻ bảng
   kéo hết khung ở mọi khung → thanh trang (con cuối thẻ) luôn ở đáy khung, như Lịch sử giao dịch. Dòng giãn theo chiều
   cao vùng bảng (cqh, container-type:size) để thanh vẫn ngay dưới dòng cuối: đứng 1 x 10, ngang/PC 2 x 5 (trừ thead cao
   nhất — bảng Bang Hội có tiêu đề cột 2 dòng). Trình duyệt không hiểu cqh bỏ khai báo đó, giữ cỡ dòng cũ, thanh vẫn ở
   đáy. Ngang thấp (≤480px) giữ dòng 28px như cũ. */
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank-card { flex: 1 1 auto; }
body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-rank-body { flex: 1 1 0; container-type: size; }
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content table.mu-cm-one > tbody > tr:not(.mu-v2-row-more) > td { height: clamp(36px, calc((100cqh - 40px) / 10), 48px); }
}
@media (min-height: 481px) {
  body[data-mu-preview]:is([data-mu-page="rank"],[data-mu-page^="rank-"]) #index_content .mu-cm-split > table > tbody > tr > td { height: clamp(44px, calc((100cqh - 52px) / 5), 120px); }
}

/* 28/09: use the actual table area, including its real header height. A capped
   per-row estimate left a blank band above the pager on tall phones. Let table
   layout distribute the remaining height evenly among the ten data rows. */
body[data-mu-preview] #index_content .mu-cm-full-page table.mu-cm-one,
body[data-mu-preview] #index_content .mu-cm-full-page .mu-cm-split { height: 100cqh; }
body[data-mu-preview] #index_content .mu-cm-full-page .mu-cm-split > table { height: 100%; }
body[data-mu-preview] #index_content .mu-cm-full-page :is(table.mu-cm-one,table.mu-cm-half) > thead { height: 1px; }
body[data-mu-preview] #index_content .mu-cm-full-page tr.mu-v2-row-more { height: 1px; }

/* Last/filtered/empty pages follow their content instead of stretching a few
   results into oversized rows. Overflow remains scrollable on short screens. */
body[data-mu-preview] #index_content .mu-cm-rank:not(.mu-cm-full-page) > .mu-cm-rank-card { flex: 0 1 auto; }
body[data-mu-preview] #index_content .mu-cm-rank:not(.mu-cm-full-page) .mu-cm-rank-body { flex: 0 1 auto; container-type: inline-size; }
body[data-mu-preview] #index_content .mu-cm-rank:not(.mu-cm-full-page) table.mu-cm-one > tbody > tr:not(.mu-v2-row-more) > td,
body[data-mu-preview] #index_content .mu-cm-rank:not(.mu-cm-full-page) .mu-cm-split > table > tbody > tr > td { height: 44px; }

/* Desktop: spend extra height on additional ranks, never on stretched rows.
   The pager follows the natural table; the list can still scroll if fonts or
   unusually long names need more room. Phones keep the existing portrait fit. */
@media (min-width: 1024px) and (min-height: 600px) and (orientation: landscape) {
  body[data-mu-preview] #index_content .mu-cm-rank > .mu-cm-rank-card { flex: 0 1 auto !important; }
  body[data-mu-preview] #index_content .mu-cm-rank .mu-cm-rank-body { flex: 0 1 auto !important; container-type: inline-size; }
  body[data-mu-preview] #index_content .mu-cm-rank :is(table.mu-cm-one,.mu-cm-split,.mu-cm-half) { height: auto !important; }
  body[data-mu-preview] #index_content .mu-cm-rank .mu-cm-split > table > tbody > tr > td { height: 44px !important; }
}