/* Material icon sizing helpers (fonts in fonts.css) */

.tms-icon {
  vertical-align: middle;
  flex-shrink: 0;
  color: inherit;
  user-select: none;
}

.tms-icon--filled {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.app-nav-btn .tms-icon,
.sheet-header-btn .tms-icon {
  font-size: 24px;
}

.app-tab .tms-icon {
  font-size: 22px;
}

.app-tab.is-active .tms-icon {
  color: var(--accent);
}

.award-row-icon .tms-icon {
  font-size: 26px;
  color: var(--accent);
}

.award-row-chevron.tms-icon {
  font-size: 18px;
  color: var(--text-muted);
}

.life-tile-icon.tms-icon {
  font-size: 22px;
}

.view-empty-icon.tms-icon {
  font-size: 40px;
  color: var(--accent);
  opacity: 0.85;
  margin-bottom: 12px;
}

.stat-card-icon.tms-icon {
  font-size: 20px;
  color: var(--accent);
}

.glass-action-row .tms-icon {
  font-size: 22px;
  width: 22px;
  text-align: center;
}