/* V1.8.2 Brand identity */
.brand-label {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-width:0;
  max-width:100%;
  vertical-align:middle;
}
.brand-icon {
  display:inline-block;
  width:26px;
  height:26px;
  flex:0 0 26px;
  object-fit:contain;
  padding:3px;
  border-radius:8px;
  background:var(--surface-3);
  vertical-align:middle;
}
.brand-icon-inline {
  width:18px;
  height:18px;
  flex-basis:18px;
  padding:2px;
  border-radius:5px;
  margin-right:5px;
  background:transparent;
}
.brand-shop-chip {
  display:inline-flex;
  align-items:center;
  padding:3px 6px;
  border-radius:5px;
  color:#fff;
  background:#111;
  font-size:8px;
  font-style:normal;
  font-weight:850;
  letter-spacing:.06em;
}
html[data-theme="dark"] .brand-shop-chip {background:#d43df3;color:#fff}
html[data-theme="dark"] .brand-threads,
html[data-theme="dark"] .brand-x,
html[data-theme="dark"] .brand-tiktok {
  filter:brightness(0) invert(1);
}
.platform-row .brand-icon {width:29px;height:29px;flex-basis:29px}
.platform-row .brand-label {font-size:12px;font-weight:720}
.account-platform-heading {margin-bottom:5px}
.account-platform-heading .brand-icon {width:29px;height:29px;flex-basis:29px}
.product-market-line,.hub-product-market {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:8px 0 4px;
  color:var(--muted);
  font-size:11px;
}
.hub-product-market {margin:0;justify-content:flex-end}
.hub-account-meta {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin:5px 0;
}
.hub-account-meta>small {color:var(--muted)}
.hub-product-brand .brand-icon {width:20px;height:20px;flex-basis:20px}
.platform-check-option {
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:52px;
  padding:9px 11px!important;
}
.platform-check-option>span {min-width:0}
.platform-check-option .brand-icon {width:25px;height:25px;flex-basis:25px}
.brand-select-preview {
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  min-height:31px;
  margin-top:7px;
  padding:4px 9px 4px 5px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--surface-2);
  color:var(--ink);
  font-size:10px;
  font-weight:750;
}
.brand-select-preview .brand-icon {
  width:25px;
  height:25px;
  flex-basis:25px;
}
.brand-select-preview .brand-shop-chip {margin-left:2px}
.platform-brand .brand-icon {background:var(--surface-3)}
.market-brand .brand-icon {background:var(--surface-2)}
html[data-theme="dark"] .brand-select-preview {background:var(--surface-2);border-color:var(--line)}
@media(max-width:600px) {
  .brand-icon {width:25px;height:25px;flex-basis:25px}
  .platform-row .brand-icon,.account-platform-heading .brand-icon {width:27px;height:27px;flex-basis:27px}
  .platform-check-option {min-height:49px}
}
