/* Great Tunes — App-specific style overrides
   Base styles provided by great-apps/framework.css via CDN */

/* Subtitle row — flex to vertically center mixed font sizes */
.item-sub {
  display: flex;
  align-items: center;
}

/* Rank text — colored inline text before quartet name */
.rank-text {
  font-size: 0.7em;
  font-weight: 600;
  margin-right: 2px;
  color: rgba(124, 111, 255, 0.85);
}
.rank-gold   { color: #d4a017; }
.rank-silver { color: #a8a8a8; }
.rank-bronze { color: #c4915c; }

/* Detail view rank pill colors */
.pill-accent.rank-gold   { background: rgba(184, 134, 11, 0.2); border: 1px solid rgba(184, 134, 11, 0.4); color: #d4a017; }
.pill-accent.rank-silver { background: rgba(160, 160, 160, 0.15); border: 1px solid rgba(160, 160, 160, 0.35); color: #a8a8a8; }
.pill-accent.rank-bronze { background: rgba(176, 120, 72, 0.2); border: 1px solid rgba(176, 120, 72, 0.35); color: #c4915c; }