/* Brand icon colors — glyphs use currentColor */
[data-brand="discord"], .social-card--discord .social-card-ico { color: #5865f2; }
[data-brand="telegram"], .social-card--telegram .social-card-ico { color: #26a5e4; }
[data-brand="youtube"], .social-card--youtube .social-card-ico { color: #ff0000; }
[data-brand="shop"], .social-card--shop .social-card-ico { color: #94a3b8; }
[data-brand="microsoft"] { color: #0078d4; }
[data-brand="outlook"] { color: #0078d4; }
[data-brand="steam"] { color: #c7d5e0; }
[data-brand="battlenet"] { color: #4381c3; }
[data-brand="ubisoft"] { color: #fff; }
[data-brand="riot"] { color: #d32936; }
[data-brand="yahoo"] .ico svg,
[data-brand="yahoo"].ico svg { color: inherit; }
[data-brand="telegram"] .ico svg,
[data-brand="telegram"].ico svg,
.social-card--telegram .social-card-ico svg { color: inherit; }

/* Yahoo & Telegram ship full-color SVGs — no extra tile bg needed */
.logo-item[data-brand="yahoo"],
.hit-env[data-brand="yahoo"] { background: transparent; border-color: transparent; padding: 0; }
.social-card--telegram .social-card-ico { background: transparent; border: none; }
[data-brand="gmx"] { color: #fff; }
[data-brand="rust"] { color: #dea584; }
[data-brand="windows"] { color: #0078d4; }
[data-brand="search"] { color: #34d399; }
[data-brand="mail"] { color: #fb923c; }
[data-brand="imap"] { color: #a78bfa; }

.ico, .ico-slot, .social-card-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
}

.ico svg, .ico-slot svg, .social-card-ico svg {
  width: 100%;
  height: 100%;
  display: block;
}

.ico-multi {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.ico-slot {
  width: 1em;
  height: 1em;
  border-radius: 3px;
  overflow: hidden;
}

/* Logo tiles (inbox demo) */
.logo-item[data-brand="microsoft"] { background: rgba(0,120,212,0.15); border-color: rgba(0,120,212,0.35); }
.logo-item[data-brand="steam"] { background: #171a21; border-color: #2a475e; }
.logo-item[data-brand="battlenet"] { background: rgba(67,129,195,0.12); border-color: rgba(67,129,195,0.35); }
.logo-item[data-brand="ubisoft"] { background: #0a0a0a; border-color: #2a2a2a; }
.logo-item[data-brand="riot"] { background: rgba(211,41,54,0.1); border-color: rgba(211,41,54,0.35); }
.logo-item[data-brand="yahoo"] { background: transparent; border-color: transparent; box-shadow: none; }
.logo-item[data-brand="yahoo"] .ico { width: 44px; height: 44px; border-radius: 11px; overflow: hidden; }
.logo-item[data-brand="gmx"] { background: #1e75bc; border-color: #2d8fd4; }

.logo-item .ico { width: 22px; height: 22px; }

.hit-env[data-brand="steam"] { background: #171a21; border-radius: 7px; }
.hit-env[data-brand="battlenet"] { background: rgba(67,129,195,0.15); border-radius: 7px; }
.hit-env[data-brand="riot"] { background: rgba(211,41,54,0.1); border-radius: 7px; }
.hit-env[data-brand="ubisoft"] { background: #0a0a0a; border-radius: 7px; }
.hit-env[data-brand="microsoft"] { background: rgba(0,120,212,0.15); border-radius: 7px; }

.hit-env[data-brand="yahoo"] { background: transparent; border-radius: 7px; overflow: hidden; }
.hit-env[data-brand="yahoo"] .ico { width: 28px; height: 28px; }

.feat-icon--mix .ico[data-brand="yahoo"] { background: transparent; border: none; padding: 0; overflow: hidden; border-radius: 6px; width: 22px; height: 22px; }
.feat-icon--mix [data-brand="gmx"] { background: #1e75bc; border-color: #2d8fd4; }
.feat-icon--mix [data-brand="imap"] { background: rgba(49,46,129,0.5); border-color: rgba(167,139,250,0.3); }