.member-hub-body{min-height:100vh;background:var(--bg)}
.member-hub-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--line);background:rgba(10,14,20,.96)}
.member-hub-header>div,.member-hub-header nav{display:flex;gap:12px;align-items:center}
.member-hub-brand{color:var(--accent);font-weight:900;letter-spacing:.12em}
.member-hub-shell{max-width:1450px;margin:auto;padding:24px}
.member-hub-app{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px}
.member-hub-sidebar{position:sticky;top:84px;align-self:start}
.member-hub-character-card,.member-dashboard-panel,.member-request-new,.member-raid-resource-card{border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:16px}
.member-hub-character-card{margin-bottom:10px}
.member-hub-nav{display:flex;flex-direction:column;gap:6px}
.member-hub-nav button{width:100%;justify-content:flex-start}
.member-hub-nav button.active{border-color:var(--accent);color:var(--accent)}
.member-hub-section-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px}
.member-hub-section-head h1{margin:2px 0}
.member-hub-section-head p{margin:0;color:var(--muted)}
.primary-link-button{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-weight:800}
.member-dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.member-dashboard-stats article{display:flex;flex-direction:column;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.member-dashboard-stats span{color:var(--muted);font-size:10px;text-transform:uppercase}
.member-dashboard-stats strong{font-size:28px}
.member-recent-loot,#member-request-history,#member-raid-resources{display:flex;flex-direction:column;gap:8px}
.member-recent-loot-row,.member-request-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.member-recent-loot-row>span{display:flex;flex-direction:column}
.member-recent-loot-row small,.member-request-row small{color:var(--muted);font-size:9px}
.member-resource-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.member-resource-filters button.active{border-color:var(--accent);color:var(--accent)}
.member-resource-type,.member-resource-mandatory,.member-request-status-badge{display:inline-flex;min-height:20px;align-items:center;padding:0 7px;border-radius:10px;font-size:9px;font-weight:900;text-transform:uppercase}
.member-resource-type{border:1px solid var(--line);color:var(--muted)}
.member-resource-mandatory{margin-left:5px;border:1px solid #c49434;color:#e8b64e}
.member-resource-actions,.member-request-actions{display:flex;gap:8px;margin-top:10px}
.member-request-new{margin-bottom:16px}
.member-request-new label{display:flex;flex-direction:column;gap:5px;margin-top:10px}
.member-request-status-badge.requested{color:#e8b64e}
.member-request-status-badge.filled{color:#69d394}
.hidden{display:none!important}
@media(max-width:850px){.member-hub-app{grid-template-columns:1fr}.member-hub-sidebar{position:static}.member-hub-nav{flex-direction:row;overflow:auto}.member-dashboard-stats{grid-template-columns:1fr}}


/* Original Member tools are now hosted inside the dedicated Hub. */
.member-hub-existing-tools {
  display:contents;
}

.member-hub-existing-tools-residual {
  display:contents;
}

.member-hub-tool-view {
  min-width:0;
}

.member-hub-tool-view > section {
  margin:0;
}

.member-hub-tool-view .member-resource-toolbar,
.member-hub-tool-view .member-loot-toolbar {
  margin-top:10px;
}

.member-hub-tool-error {
  margin-bottom:10px;
}

/* Old private Member subtab navigation is replaced by Hub sidebar navigation. */
#member-private-tools-nav {
  display:none !important;
}


.member-hub-login-card {
  max-width:560px;
  margin:60px auto;
  padding:22px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel2);
}

.member-hub-login-card h2 {
  margin:4px 0 8px;
}

.member-hub-login-card > p {
  color:var(--muted);
}

.member-hub-linked-account-residual > .member-account-head,
.member-hub-linked-account-residual > #member-character-status,
.member-hub-linked-account-residual > #member-character-form {
  display:none !important;
}


/* Member Hub side tabs: readable, subtle depressed selected state. */
.member-hub-nav button {
  color:var(--text) !important;
  background:transparent;
  border-color:var(--line);
  box-shadow:none;
  transform:none;
}

.member-hub-nav button:hover {
  color:var(--text) !important;
  background:var(--panel2);
}

.member-hub-nav button.active {
  color:var(--text) !important;
  background:var(--panel2) !important;
  border-color:var(--accent) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.38);
  transform:translateY(1px);
}

.member-hub-nav button.active:hover {
  color:var(--text) !important;
  background:var(--panel2) !important;
}

.member-dashboard-stats {
  grid-template-columns:
    repeat(2,minmax(0,1fr));
}

@media(max-width:850px) {
  .member-dashboard-stats {
    grid-template-columns:1fr;
  }
}


/* Larger item portraits / slots in Member Hub Guild Bank. */
#member-hub-view-bank .member-bank-slot-grid {
  grid-template-columns:
    repeat(
      10,
      minmax(
        58px,
        1fr
      )
    );
  gap:8px;
}

#member-hub-view-bank .member-bank-slot {
  border-radius:8px;
}

@media(max-width:1050px) {
  #member-hub-view-bank .member-bank-slot-grid {
    grid-template-columns:
      repeat(
        8,
        minmax(
          52px,
          1fr
        )
      );
  }
}

@media(max-width:650px) {
  #member-hub-view-bank .member-bank-slot-grid {
    grid-template-columns:
      repeat(
        6,
        minmax(
          44px,
          1fr
        )
      );
    gap:6px;
  }
}

/* Raid Resource filter tabs: same readable depressed state as side nav. */
.member-resource-filters button {
  color:var(--text) !important;
  background:transparent;
  border-color:var(--line);
  box-shadow:none;
  transform:none;
}

.member-resource-filters button:hover {
  color:var(--text) !important;
  background:var(--panel2);
}

.member-resource-filters button.active {
  color:var(--text) !important;
  background:var(--panel2) !important;
  border-color:var(--accent) !important;
  box-shadow:
    inset 0 2px 5px rgba(0,0,0,.38);
  transform:translateY(1px);
}

/* Member-personal AH tracking controls. */
.member-auction-tracking {
  display:grid;
  gap:8px;
  margin:0 0 12px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel2);
}

.member-auction-tracking > div:first-child {
  display:flex;
  flex-direction:column;
  gap:2px;
}

.member-auction-tracking small {
  color:var(--muted);
}

.member-auction-track-controls {
  display:grid;
  grid-template-columns:
    minmax(0,1fr)
    auto;
  gap:8px;
}

.member-auction-row {
  grid-template-columns:
    minmax(220px,1fr)
    repeat(4,minmax(90px,auto))
    auto !important;
}

.member-auction-untrack {
  align-self:center;
}

@media(max-width:850px) {
  .member-auction-track-controls {
    grid-template-columns:1fr;
  }

  .member-auction-row {
    grid-template-columns:1fr !important;
  }
}


/*
  Guild Bank v2.5:
  Restore the original slot/grid dimensions.
  Only the artwork inside occupied slots should be larger.
*/
#member-hub-view-bank .member-bank-slot-grid {
  grid-template-columns:
    repeat(
      14,
      minmax(
        42px,
        1fr
      )
    );
  gap:5px;
}

#member-hub-view-bank .member-bank-slot {
  border-radius:6px;
}

#member-hub-view-bank .member-bank-slot-picture {
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  display:block;
  object-fit:cover;
  object-position:center;
}

/*
  Wowhead remains on the anchor for the TBC tooltip, but its injected icon is
  no longer used as the visible bank artwork.
*/
#member-hub-view-bank .member-bank-slot.occupied > ins,
#member-hub-view-bank .member-bank-slot.occupied > .wowhead-icon {
  display:none !important;
}

@media(max-width:900px) {
  #member-hub-view-bank .member-bank-slot-grid {
    grid-template-columns:
      repeat(
        10,
        minmax(
          38px,
          1fr
        )
      );
  }
}

@media(max-width:700px) {
  #member-hub-view-bank .member-bank-slot-grid {
    grid-template-columns:
      repeat(
        7,
        minmax(
          36px,
          1fr
        )
      );
  }
}

/* Equipped-gear synchronization / enchant eligibility. */
.member-equipment-sync {
  display:grid;
  grid-template-columns:
    minmax(0,1fr)
    auto;
  gap:8px 12px;
  align-items:center;
  margin:10px 0 4px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel2);
}

.member-equipment-sync > div {
  display:flex;
  flex-direction:column;
  gap:2px;
}

.member-equipment-sync small {
  color:var(--muted);
}

.member-equipment-sync .form-status {
  grid-column:1 / -1;
}

@media(max-width:700px) {
  .member-equipment-sync {
    grid-template-columns:1fr;
  }

  .member-equipment-sync .form-status {
    grid-column:1;
  }
}


.member-equipment-manual {
  display:grid;
  gap:9px;
  margin:10px 0 4px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel2);
}

.member-equipment-manual > div:first-child {
  display:flex;
  flex-direction:column;
  gap:2px;
}

.member-equipment-manual small {
  color:var(--muted);
}

.member-equipment-manual-grid {
  display:grid;
  grid-template-columns:
    minmax(140px,.75fr)
    minmax(130px,.6fr)
    minmax(190px,1fr)
    auto;
  gap:8px;
}

.member-equipment-current-list {
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:3px;
}

.member-equipment-current-row {
  display:grid;
  grid-template-columns:
    minmax(0,1fr)
    auto;
  gap:10px;
  align-items:center;
  padding:8px 9px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
}

.member-equipment-current-row > div {
  display:flex;
  flex-direction:column;
  gap:2px;
}

@media(max-width:900px) {
  .member-equipment-manual-grid {
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:650px) {
  .member-equipment-manual-grid,
  .member-equipment-current-row {
    grid-template-columns:1fr;
  }
}


/*
  Guild Bank V2.7:
  Keep the existing slot/grid dimensions.
  Use Wowhead's item-ID-resolved artwork again (avoids bad icon_name records),
  but scale only the artwork to roughly 80% of the slot.
*/
#member-hub-view-bank .member-bank-slot.occupied > ins,
#member-hub-view-bank .member-bank-slot.occupied > .wowhead-icon,
#member-hub-view-bank .member-bank-slot.occupied .member-bank-slot-icon > ins {
  position:absolute !important;
  inset:10% !important;
  width:80% !important;
  height:80% !important;
  display:block !important;
}

#member-hub-view-bank .member-bank-slot.occupied > ins img,
#member-hub-view-bank .member-bank-slot.occupied > .wowhead-icon img,
#member-hub-view-bank .member-bank-slot.occupied .member-bank-slot-icon > ins img,
#member-hub-view-bank .member-bank-slot.occupied img[src*="wow.zamimg.com"] {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:4px;
}

/* Hide the V2.5 custom direct-icon picture if an old browser DOM retains it. */
#member-hub-view-bank .member-bank-slot-picture {
  display:none !important;
}


.member-resource-lead-only {
  display:inline-flex;
  min-height:20px;
  align-items:center;
  margin-left:5px;
  padding:0 7px;
  border:1px solid var(--accent);
  border-radius:10px;
  color:var(--accent);
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}


/* ============================================================
   Member Hub Guild Bank — item icon sizing
   Keep the 98-slot grid unchanged.
   Icon container = ~80% of slot.
   Artwork = 100% of icon container.
   ============================================================ */

#member-hub-view-bank .member-bank-slot.occupied {
  position:relative;
}

/*
  The actual item-icon box should be about 20% smaller than the bank slot.
  This targets both our placeholder wrapper and Wowhead's injected wrappers.
*/
#member-hub-view-bank .member-bank-slot.occupied .member-bank-slot-icon,
#member-hub-view-bank .member-bank-slot.occupied > ins,
#member-hub-view-bank .member-bank-slot.occupied .wowhead-icon {
  position:absolute !important;
  inset:10% !important;
  width:80% !important;
  height:80% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:4px;
}

/*
  Wowhead often nests one or more <ins> wrappers around the actual image.
  Those nested wrappers must fill the icon box instead of retaining their
  default tiny dimensions.
*/
#member-hub-view-bank .member-bank-slot.occupied .member-bank-slot-icon ins,
#member-hub-view-bank .member-bank-slot.occupied > ins ins,
#member-hub-view-bank .member-bank-slot.occupied .wowhead-icon ins {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  box-sizing:border-box !important;
  background-size:100% 100% !important;
}

/* The actual item picture fills the entire icon container. */
#member-hub-view-bank .member-bank-slot.occupied .member-bank-slot-icon img,
#member-hub-view-bank .member-bank-slot.occupied > ins img,
#member-hub-view-bank .member-bank-slot.occupied .wowhead-icon img,
#member-hub-view-bank .member-bank-slot.occupied img[src*="wow.zamimg.com"] {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}

/*
  Quantity/count remains anchored to the bank slot itself rather than the
  resized item artwork.
*/
#member-hub-view-bank .member-bank-slot-count {
  position:absolute;
  right:3px;
  bottom:2px;
  z-index:20;
}


/* ============================================================
   Member Hub Guild Bank — aggressive icon fill fix
   Some Wowhead/TBC icon injections create direct child <ins>/<img>
   at native tiny sizes. Stretch any non-overlay visual child.
   ============================================================ */

/* Keep slot layout; just make the visual icon area smaller than slot */
#member-hub-view-bank .member-bank-slot.occupied {
  position: relative !important;
  overflow: hidden !important;
}

/* Empty placeholder span should behave like the icon canvas */
#member-hub-view-bank .member-bank-slot.occupied > .member-bank-slot-icon {
  position: absolute !important;
  inset: 10% !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  pointer-events: none !important;
}

/* Any direct visual child injected by Wowhead should fill the icon area */
#member-hub-view-bank .member-bank-slot.occupied > ins,
#member-hub-view-bank .member-bank-slot.occupied > img,
#member-hub-view-bank .member-bank-slot.occupied > span:not(.member-bank-slot-qty):not(.member-bank-slot-number),
#member-hub-view-bank .member-bank-slot.occupied > a {
  position: absolute !important;
  inset: 10% !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Any nested icon wrappers also fill available space */
#member-hub-view-bank .member-bank-slot.occupied > ins *,
#member-hub-view-bank .member-bank-slot.occupied > span:not(.member-bank-slot-qty):not(.member-bank-slot-number) *,
#member-hub-view-bank .member-bank-slot.occupied > .member-bank-slot-icon * {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Actual images must fill the icon frame */
#member-hub-view-bank .member-bank-slot.occupied img,
#member-hub-view-bank .member-bank-slot.occupied img[src*="zamimg"],
#member-hub-view-bank .member-bank-slot.occupied img[src*="wowhead"] {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* Preserve overlays above icon */
#member-hub-view-bank .member-bank-slot .member-bank-slot-qty,
#member-hub-view-bank .member-bank-slot .member-bank-slot-number {
  z-index: 25 !important;
}


/* ============================================================
   Member Hub Guild Bank V2.9
   Stable icon canvas + captured Wowhead artwork
   ============================================================ */

#member-hub-view-bank .member-bank-slot.occupied {
  position:relative !important;
  overflow:hidden !important;
}

/*
  The icon frame is ~20% smaller than the bank slot.
  This is the only visual icon frame we want the member to see.
*/
#member-hub-view-bank .member-bank-slot.occupied > .member-bank-slot-icon {
  position:absolute !important;
  top:10% !important;
  left:10% !important;
  right:10% !important;
  bottom:10% !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  border-radius:4px !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  z-index:5 !important;
}

/*
  Once JS has copied the real Wowhead icon URL onto our canvas, suppress
  Wowhead's native mini-icon wrappers. Their native pixel size is what caused
  the tiny picture in the upper-left.
*/
#member-hub-view-bank
  .member-bank-slot.occupied.member-bank-artwork-ready
  > ins,
#member-hub-view-bank
  .member-bank-slot.occupied.member-bank-artwork-ready
  > img,
#member-hub-view-bank
  .member-bank-slot.occupied.member-bank-artwork-ready
  > .wowhead-icon {
  opacity:0 !important;
  pointer-events:none !important;
}

/* Quantity and slot number remain readable above artwork. */
#member-hub-view-bank .member-bank-slot-qty,
#member-hub-view-bank .member-bank-slot-number {
  position:absolute !important;
  z-index:30 !important;
}

/*
  Undo older attempts that tried to resize nested Wowhead markup.
  Our own canvas now owns the presentation.
*/
#member-hub-view-bank
  .member-bank-slot.occupied
  .member-bank-slot-icon.hydrated {
  transform:none !important;
}


/* ============================================================
   Member Loot Priority point budget / tier presentation
   ============================================================ */

.member-priority-point-summary,
.member-priority-rules-placeholder {
  display:flex;
  flex-direction:column;
  gap:3px;
  margin:0 0 10px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel2);
}

.member-priority-point-summary strong {
  color:var(--accent);
}

.member-priority-point-summary span,
.member-priority-rules-placeholder span {
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}

.member-priority-tier-badge {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:92px;
  min-height:24px;
  padding:3px 7px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}

.member-priority-selected-row,
.member-loot-row-available {
  gap:10px;
}

@media(max-width:700px) {
  .member-priority-tier-badge {
    justify-self:start;
  }
}


/* V4 dedicated Member Hub loot refinements */
#member-panel-loot .member-loot-list {
  margin-top:10px;
}

#member-panel-loot .member-loot-toolbar {
  margin-bottom:8px;
}

#member-panel-loot .loot-item-identity {
  min-width:0;
}

#member-panel-loot .loot-item-copy {
  min-width:0;
}

#member-panel-loot .loot-item-copy strong,
#member-panel-loot .loot-item-copy span {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.member-hub-character-switcher{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:12px;
}
.member-hub-character-switcher>span{
  color:var(--muted);
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.member-hub-character-switcher select{
  width:100%;
  min-height:36px;
}

.member-dashboard-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.member-dashboard-panel-head h3{margin:0}
.member-dashboard-panel-head p{
  margin:5px 0 0;
  color:var(--muted,#8e959f);
  font-size:12px;
}
.member-raidhelper-config-warning{
  display:inline-flex;
  align-items:center;
  max-width:280px;
  padding:6px 9px;
  border:1px solid rgba(224,107,38,.34);
  border-radius:8px;
  color:#efb07c;
  background:rgba(224,107,38,.08);
  font-size:10px;
  font-weight:800;
  text-align:right;
}
.member-raidhelper-list{
  display:grid;
  gap:9px;
}
.member-raidhelper-card{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto;
  gap:10px 18px;
  align-items:center;
  padding:13px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(11,13,16,.58);
}
.member-raidhelper-card-copy h4{
  margin:3px 0 5px;
  font-size:15px;
}
.member-raidhelper-card-copy p{
  margin:0;
  color:#aeb4bd;
  font-size:11px;
}
.member-raidhelper-date{
  color:#e79855;
  font-size:10px;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.member-raidhelper-response-buttons{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:5px;
}
.member-raidhelper-response-buttons button{
  min-height:30px;
  padding:5px 9px;
  border:1px solid #343941;
  border-radius:7px;
  background:#181b20;
  color:#aeb4bd;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.member-raidhelper-response-buttons button:hover:not(:disabled){
  border-color:#5b626e;
  color:#fff;
}
.member-raidhelper-response-buttons button.active{
  border-color:rgba(224,107,38,.72);
  color:#fff;
  background:rgba(224,107,38,.16);
  box-shadow:inset 0 -2px rgba(224,107,38,.85);
}
.member-raidhelper-response-buttons button:disabled{
  cursor:not-allowed;
  opacity:.42;
}
.member-raidhelper-save-state{
  grid-column:1 / -1;
  min-height:12px;
  color:#8e959f;
  font-size:10px;
}
@media(max-width:820px){
  .member-dashboard-panel-head{display:block}
  .member-raidhelper-config-warning{margin-top:9px;text-align:left}
  .member-raidhelper-card{grid-template-columns:1fr}
  .member-raidhelper-response-buttons{justify-content:flex-start}
}


/* Most recent raid Performance awards. */
.member-performance-awards-panel {
  overflow:hidden;
}

.member-performance-award-list {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.member-performance-award-card {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid rgba(214,168,78,.35);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(214,168,78,.08),rgba(255,255,255,.02));
}

.member-performance-award-icon {
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(214,168,78,.65);
  border-radius:999px;
  color:#e9c56f;
  font-size:18px;
  font-weight:900;
  background:rgba(214,168,78,.08);
}

.member-performance-award-copy {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.member-performance-award-copy > span {
  color:#e9c56f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.member-performance-award-copy > strong {
  font-size:16px;
}

.member-performance-award-copy > small {
  color:var(--muted);
}

.member-performance-award-score {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:1px;
}

.member-performance-award-score > strong {
  font-size:22px;
  line-height:1;
}

.member-performance-award-score > span {
  color:#e9c56f;
  font-weight:900;
  font-size:11px;
}

@media(max-width:900px) {
  .member-performance-award-list {
    grid-template-columns:1fr;
  }
}


/* Weekly Performance flair + consecutive-win streaks. */
.member-weekly-performance-panel {
  border-color:rgba(112,155,255,.28);
  background:
    linear-gradient(180deg,rgba(68,103,180,.055),rgba(255,255,255,0));
}

.member-weekly-performance-card {
  border-color:rgba(112,155,255,.36);
  background:
    linear-gradient(180deg,rgba(68,103,180,.09),rgba(255,255,255,.02));
}

.member-weekly-performance-card .member-performance-award-icon {
  border-color:rgba(112,155,255,.62);
  color:#9fbcff;
  background:rgba(68,103,180,.11);
}

.member-weekly-performance-card .member-performance-award-copy > span,
.member-weekly-performance-card .member-performance-award-score > span {
  color:#9fbcff;
}

.member-performance-streak {
  display:inline-flex;
  align-self:flex-start;
  align-items:center;
  min-height:20px;
  margin-top:4px;
  padding:0 7px;
  border:1px solid rgba(214,168,78,.42);
  border-radius:999px;
  color:#e9c56f !important;
  background:rgba(214,168,78,.08);
  font-size:9px !important;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.member-performance-award-score > small {
  color:var(--muted);
  font-size:9px;
  white-space:nowrap;
}


/* Weekly parser flair restored to the Member Hub character card. */
.member-weekly-parser-flairs {
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:10px;
}

.member-weekly-parser-flair {
  display:flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  min-height:24px;
  padding:3px 8px;
  border:1px solid rgba(214,168,78,.48);
  border-radius:999px;
  background:rgba(214,168,78,.08);
  color:#e9c56f;
  font-size:9px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.025em;
}

.member-weekly-parser-star {
  font-size:12px;
  line-height:1;
}

.member-weekly-parser-flair strong {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:rgba(214,168,78,.16);
  color:#f2d78f;
  font-size:9px;
}

.member-weekly-parser-flair em {
  color:#ffb86b;
  font-size:8px;
  font-style:normal;
}