/* OnlyGirth v118.16 — Siege Breaker badge layout hotfix.
   Display-only. Firestore badge IDs, owner rules and full-resolution art are unchanged.
   The prior PNG had no explicit CSS size; its 224px intrinsic box expanded account
   role rows and member identity panels. All contexts now use bounded icon slots. */

/* Main optional-award chip shared by Account, public member cards, GirthHub,
   registered-member directory and every other chatAwardMarkup() consumer. */
.gh-award.gh-award-siegeBreaker {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:flex-start;
  gap:5px;
  min-width:0;
  min-height:23px;
  max-width:100%;
  box-sizing:border-box;
  padding:3px 7px;
  border-color:#e5a750;
  color:#ffe0a0;
  background:linear-gradient(120deg,#5d2515,#31130f);
  box-shadow:inset 0 1px 0 #f8cd6d2c,0 0 7px #eb613b2c;
  white-space:nowrap;
  vertical-align:middle;
}
.gh-award.gh-award-siegeBreaker > img.sg-breaker-crest {
  display:block!important;
  position:relative;
  z-index:2;
  box-sizing:border-box!important;
  flex:0 0 17px!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  min-height:17px!important;
  max-width:17px!important;
  max-height:17px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:contain!important;
  object-position:center!important;
  vertical-align:middle;
}
.gh-award.gh-award-siegeBreaker > .og-award-label {
  display:inline-block;
  flex:0 1 auto;
  max-width:100%;
  line-height:1.2;
  font-size:10px;
  white-space:nowrap;
}

/* Role badges must wrap as compact chips, never stretch the account banner. */
.role-status-header {align-items:center;flex-wrap:wrap;min-width:0;gap:8px 12px}
.role-status-header > .account-role-badges {
  display:flex;
  flex:1 1 480px;
  align-items:center;
  justify-content:flex-start;
  align-content:center;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
  max-width:100%;
}
.role-status-header > .role-eyebrow {flex:0 0 auto}
.role-status-header > .role-chip {flex:0 0 auto;margin-left:auto}
.role-status-header .gh-award-siegeBreaker {margin:0}

/* Tiny sidebar icon: the mini badge has no text, so the image must be smaller. */
.og50-mini-badge.is-siegeBreaker {flex:0 0 21px;box-sizing:border-box;width:21px;min-width:21px;max-width:21px;height:21px;padding:2px;border-color:#b9874a;background:#4a2016}
.og50-mini-badge.is-siegeBreaker > img {
  display:block!important;
  flex:0 0 15px!important;
  box-sizing:border-box!important;
  width:15px!important;height:15px!important;
  min-width:15px!important;min-height:15px!important;
  max-width:15px!important;max-height:15px!important;
  object-fit:contain!important;
  margin:0!important;padding:0!important;border:0!important;
}

/* Badge assignment panel's separate icon is also constrained explicitly. */
.gh-badge-check-siegeBreaker > span > img {
  display:block!important;
  flex:0 0 16px!important;
  box-sizing:border-box!important;
  width:16px!important;height:16px!important;
  min-width:16px!important;min-height:16px!important;
  max-width:16px!important;max-height:16px!important;
  object-fit:contain!important;
}

@media (max-width:650px) {
  .role-status-header > .account-role-badges {flex:1 1 100%;order:2;gap:5px}
  .role-status-header > .role-chip {order:1;margin-left:auto}
  .gh-award.gh-award-siegeBreaker {min-height:22px;padding:2px 6px}
  .gh-award.gh-award-siegeBreaker > .og-award-label {font-size:9px}
}