/* v0.23.6: shared compact manager quick bar, based on the user's classic
   reference layout. Scoped to the quick bar; do not change finance screens. */
.compact-status {
  display:flex;
  align-items:stretch;
  flex-wrap:nowrap;
  gap:5px;
  width:100%;
  max-width:836px;
  font:13px Tahoma,Verdana,sans-serif;
}
/* FMU quick_bar qb-item geometry: all six status blocks share a 36px box. */
.compact-status > .statuspill {
  height:36px;
  min-height:36px;
  padding:4px;
  gap:5px;
  box-sizing:border-box;
  position:relative;
  border-radius:4px;
  box-shadow:0 1px 3px rgba(0,0,0,.4);
  transition:background .5s;
  font:700 13px/26px Tahoma,Verdana,sans-serif;
}
.compact-status .level-status .dashboard-badge {
  width:24px;
  height:27px;
  flex:0 0 24px;
}
.compact-status .level-status > div {
  text-align:left;
  font-size:12px;
  line-height:14px;
}
.compact-status .status-xp { margin-bottom:2px; }
.compact-status .compact-icon > .ui-sprite-staff,
.compact-status .secretary-button > svg { width:28px; height:28px; }

.compact-status .level-status { width:auto; flex:0 0 190px; }
.compact-status .season-status { flex:0 0 110px; white-space:nowrap; }
.compact-status .compact-icon { flex:0 0 48px; width:48px; }
.compact-status .money.classic-cash-pill,
.compact-status .gold.classic-coins-pill {
  flex:0 0 175px;
  width:175px;
  min-width:175px;
  max-width:175px;
  height:36px;
  min-height:36px;
  margin-left:0;
  display:grid;
  align-items:center;
  column-gap:5px;
  padding:4px;
  justify-content:normal;
  border-radius:4px;
}
.compact-status .money.classic-cash-pill {
  grid-template-columns:57px 1px minmax(0,1fr) 25px;
  background:linear-gradient(#25b92d,#008814);
  color:white;
}
.compact-status .gold.classic-coins-pill {
  grid-template-columns:57px 1px minmax(0,1fr) 25px;
  background:linear-gradient(#ffe238,#d4ba00);
  color:#2a2a2a;
}
.compact-status .status-currency-icon {
  display:flex; align-items:center; justify-content:center;
  width:100%; min-width:0; font-size:inherit;
}
.compact-status .status-currency-icon .ui-sprite-money {
  width:34px; height:26px; padding:0; border:0;
  box-sizing:border-box;
}
.compact-status .status-currency-separator {
  width:1px; height:23px; display:block;
  background:#ffffff77;
  font-size:0;
}
.compact-status .classic-coins-pill .status-currency-separator {
  background:#715d1888;
}
.compact-status .classic-coins-pill .gold-label {
  display:flex; align-items:center; gap:3px; white-space:nowrap;
  width:auto; min-width:0; font-size:10px; color:white;
}
.compact-status .classic-coins-pill .gold-label .ui-sprite-trophyWhite {
  width:23px; height:24px;
}
.compact-status .status-currency-value {
  min-width:0; display:block;
  text-align:center; white-space:nowrap;
  font:bold 13px/24px Arial,sans-serif;
  font-variant-numeric:tabular-nums;
  overflow:hidden;
  text-overflow:clip;
}
.compact-status .classic-coins-pill .status-currency-value { color:#262626; }
.compact-status .classic-cash-pill .status-currency-value { color:#fff; }
.compact-status .classic-cash-pill .status-plus,
.compact-status .classic-coins-pill .status-plus {
  display:flex; align-items:center; justify-content:center;
  width:25px; height:24px; min-width:25px; border-radius:5px;
  padding:0;
  background:linear-gradient(#39dff1,#039bbb);
}
.compact-status .classic-cash-pill .status-plus .ui-sprite,
.compact-status .classic-coins-pill .status-plus .ui-sprite {
  width:13px; height:21px;
}
/* Earlier styles generated an extra plus using ::after. Keep only the real icon. */
.compact-status .gold.classic-coins-pill::after { content:none; display:none; }
@media (max-width:750px) {
  .compact-status { flex-wrap:wrap; }
  .compact-status .level-status { flex:1 1 145px; min-width:125px; }
  .compact-status .season-status { flex:1 1 105px; }
  .compact-status .compact-icon { flex:0 0 44px; width:44px; }
  .compact-status .money.classic-cash-pill,
  .compact-status .gold.classic-coins-pill { flex:1 1 calc(50% - 3px); width:auto; min-width:152px; max-width:none; }
}
@media (max-width:355px) {
  .compact-status .money.classic-cash-pill,
  .compact-status .gold.classic-coins-pill { flex-basis:100%; }
}

/* Verified by the user after v0.23.6: align the two left currency icons. */
.compact-status .classic-cash-pill .status-currency-icon .ui-sprite-money,
.compact-status .classic-coins-pill .gold-label .ui-sprite-trophyWhite {
  position:relative;
  top:2px;
}