/* Brand-icon (IT monogram badge). Single source of truth across the
   listing surface (base.html) and the auth surface (base_auth.html).
   Extracted from the deleted partials/brand_icon_styles.html on
   2026-05-03 so the brand cannot drift between the two templates.
   Position-specific overrides (e.g. .site-header .brand-icon
   { margin-right }) live with their owning surface, not here. */

.brand-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 7px;
  background: var(--color-boards);
  border: 1.5px solid var(--color-boards-light);
  position: relative;
  overflow: hidden;
}
.brand-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--color-red-line);
}
.brand-icon span {
  font-family: 'Courier New', Menlo, monospace;
  font-size: 14px;
  font-weight: 900;
  color: var(--color-ice-blue);
}