/* IranPhi asset pictograms: transparent artwork, without an enclosing tile. */
.ico.asset-pictogram,
.asset-icon.asset-pictogram {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.asset-pictogram img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.asset .ico.asset-pictogram,
.table-asset .asset-icon.asset-pictogram,
.result-main .asset-icon.asset-pictogram {
  width: 32px;
  height: 32px;
}
.tile .ico.asset-pictogram,
.summary-top .asset-icon.asset-pictogram {
  width: 40px;
  height: 40px;
}
.ico.big.asset-pictogram,
.selected-identity .asset-icon.asset-pictogram {
  width: 48px;
  height: 48px;
}
@media (max-width: 370px) {
  .table-asset .asset-icon.asset-pictogram,
  .result-main .asset-icon.asset-pictogram {
    width: 28px;
    height: 28px;
  }
}

/* Canonical source icons are always primary; country flags are small badges. */
.universe-mini-asset{display:flex;align-items:center;gap:10px;min-width:0}
.universe-mini-asset>span:last-child{min-width:0}
.universe-mini-asset>.universe-icon,.universe-mini-asset>.universe-identity{width:28px;height:28px;flex:none}
.universe-mini-asset>.universe-identity>.universe-icon{width:100%;height:100%}
.market-quotes-table .universe-identity.has-pictogram>.universe-icon,
.market-highlight-asset .universe-identity.has-pictogram>.universe-icon{display:block;object-fit:contain}
.market-quotes-table .universe-identity.has-pictogram>.market-flags,
.market-highlight-asset .universe-identity.has-pictogram>.market-flags{position:absolute;left:-3px;bottom:-1px;gap:2px}
.market-quotes-table .universe-identity.has-pictogram .market-flag,
.market-highlight-asset .universe-identity.has-pictogram .market-flag{width:12px;height:9px;box-shadow:0 0 0 1px var(--bg)}
.market-quotes-table .universe-identity.has-pictogram.is-pair,
.market-highlight-asset .universe-identity.has-pictogram.is-pair{width:28px}
.market-highlight-asset .universe-identity{display:inline-flex}
.market-highlight-asset>.universe-icon{display:block;object-fit:contain}
.universe-icon[data-icon-kind=official]{object-fit:contain}
.news-page .mini .news-asset-identity{display:flex;align-items:center;gap:8px}
.news-page .news-asset-identity .ico.asset-pictogram{width:26px;height:26px;flex:none}
.comparison-asset-identity{display:inline-flex;align-items:center;gap:8px}
.comparison-asset-identity .ico.asset-pictogram{width:26px;height:26px;flex:none}
.picker-grid .chip[data-watch],.chips .chip[data-watch]{display:inline-flex;align-items:center;gap:7px}
.picker-grid .chip[data-watch] .ico.asset-pictogram,.chips .chip[data-watch] .ico.asset-pictogram{width:24px;height:24px}

/* Official marks keep their rectangular source geometry. The white artboard
   supports dark lettering in either theme without inverting/recoloring it.
   Selectors also beat the profile's circular image rule if CSS order changes. */
body img[data-asset-icon][data-icon-kind="official"],
.universe .instrument-heading img.universe-icon[data-icon-kind="official"],
.asset-pictogram>img[data-asset-icon][data-icon-kind="official"]{
  box-sizing:border-box;
  object-fit:contain;
  object-position:center;
  border-radius:6px;
  background-color:#fff;
  border:1px solid var(--line,#e8ebef);
  padding:3px;
  box-shadow:none;
  filter:none;
  mix-blend-mode:normal;
}
.universe .instrument-heading img.universe-icon[data-icon-kind="official"],
.profile-page .quote-id>.ico.big.asset-pictogram>img[data-icon-kind="official"]{padding:7px}
.profile-page .quote-id>.ico.big.asset-pictogram:has(>img[data-icon-kind="official"]){background:transparent;border-radius:0;overflow:visible}
@media(max-width:600px){
  .universe .instrument-heading img.universe-icon[data-icon-kind="official"],
  .profile-page .quote-id>.ico.big.asset-pictogram>img[data-icon-kind="official"]{padding:4px}
}

/* Crypto and company marks use the same artboard; padding keeps every corner
   of the original artwork safely inside the rounded frame. */
body img[data-asset-icon][data-icon-kind="official"][src*="asset-logos/crypto/"],
.universe .instrument-heading img.universe-icon[data-icon-kind="official"][src*="asset-logos/crypto/"],
.asset-pictogram>img[data-asset-icon][data-icon-kind="official"][src*="asset-logos/crypto/"]{
  background-color:#fff;
  background-image:none;
  border-color:var(--line,#e8ebef);
}

/* No grey tile or ring around any logo, picture or token mark. A mark without artwork shows only its letters. */
body .ico,
body .profile-page .quote-id>.ico.big.asset-pictogram,
body .universe-monogram{background:transparent;border-color:transparent}
body img.universe-icon[src*="/exchange-logos/"]{box-shadow:none}
body .market-flag,
body .market-quotes-table .universe-identity .market-flag{box-shadow:none}

/* One reserved square per context. The image is contained, never covered or
   masked; source whitespace is handled by the logo display assets. */
body.landing-page .ld-rank-row>img,
body.landing-page .ld-symbol-heading>img,
body.landing-page .lmore-ipo>img{
  box-sizing:border-box;
  width:40px;
  height:40px;
  flex:0 0 40px;
  padding:5px;
  border:1px solid var(--ld-line,#e8ebef);
  border-radius:9px;
  background:#fff;
  object-fit:contain;
  object-position:center;
  filter:none;
}

body.landing-page .ld-idea-symbol img,
body.landing-page .lmore-bar-label img{
  box-sizing:border-box;
  width:28px;
  height:28px;
  flex:0 0 28px;
  padding:3px;
  border:1px solid var(--ld-line,#e8ebef);
  border-radius:6px;
  background:#fff;
  object-fit:contain;
  object-position:center;
}

body .market-quotes-table img.universe-icon[data-icon-kind="official"]{
  width:28px;
  height:28px;
}

body .market-quotes-table .universe-identity:has(>img[data-icon-kind="official"]){
  width:28px;
  height:28px;
}

.explore-image.is-logo img,
.explore-card-image.is-logo img{
  box-sizing:border-box;
  object-fit:contain;
  object-position:center;
  padding:8px;
  border:1px solid var(--line,#e8ebef);
  border-radius:12px;
  background:#fff;
}
.explore-image.is-logo img{padding:18px;border-radius:20px}