/* HELIS: plain contours, graphite surfaces and a restrained brand accent. */
.ico { stroke-width: 1.65; }
.ico-lg, .ico-xl { stroke-width: 1.65; }
body.helis-shell .tile .tile-ico { border-radius: 7px; }
:is(.ico, .ico-tile):is(.c-blue, .c-cyan, .c-gold, .c-rose) { color: #b9bdca; }
:is(.ico, .ico-tile).c-violet { color: #a899e4; }
:is(.ico, .ico-tile).c-green { color: #82b69b; }
:is(.ico, .ico-tile).c-red { color: #df929a; }
:is(.ico, .ico-tile).c-orange { color: #d0b082; }

body.helis-shell :is(.ico-tile, .tile-ico, .sidebar-server-icon,
  .sec-shield, .sec-card-ico, .unlock-lock, .rd-ico,
  .gw-emo, .me-gw-emo, .cg-emo, .contract-settings-icon,
  .shop-funpay-ico, .shop-current-ico, .shop-modal-icon,
  .sw-cat-emo, .sw-head-ico, .registration-card-icon, .registration-feature-icon) {
  background: #1b1e28;
  border: 1px solid #ffffff12;
  border-radius: 7px;
  box-shadow: none;
  text-shadow: none;
  color: #b9bdca;
}
body.helis-shell :is(a:hover > .ico-tile, .card-link:hover .ico-tile,
  .tile:hover .tile-ico,
  .sidebar-links a:hover .ico, .sidebar-links a:hover .nav-ico,
  .topnav a:hover .nav-ico, .topnav a.active .nav-ico) {
  transform: none;
  filter: none;
  box-shadow: none;
}
body.helis-shell :is(.sidebar-links a.active, .sidebar-links a[aria-current="page"]) .ico {
  color: #b6a5ef;
}
body.helis-shell :is(.pill, .badge, .btn, .lux-pill) .ico { color: inherit; }

/* Club ranks are geometric chevrons, shared with the profile and admin view. */
body.helis-shell :is(.club-me-emo, .club-tier-emo, .me-loyalty-emo) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  flex: none;
  font-size: 28px;
  color: #b9bdca;
  background: #1b1e28;
  border: 1px solid #ffffff12;
  border-radius: 7px;
  filter: none;
  text-shadow: none;
  box-shadow: none;
}
body.helis-shell :is(.club-tier.is-mine .club-tier-emo, .club-me-emo, .me-loyalty-emo) {
  color: #b6a5ef;
  border-color: #a899e432;
}
body.helis-shell :is(.gw-prize-emo, .me-prize-emo, .club-row-tier) .ico {
  vertical-align: -.17em;
}
body.helis-shell :is(.gw-emo, .me-gw-emo, .cg-emo) .ico { width: 24px; height: 24px; }
body.helis-shell .sw-cat.active .sw-cat-emo { color: #b6a5ef; border-color: #a899e432; }