/* FR Music V11 — minimal brand + live campaign preview */
.brand.brand-minimal{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  text-decoration:none!important;
  min-width:0!important;
}
.brand.brand-minimal img{
  width:52px!important;
  height:48px!important;
  object-fit:contain!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:translateZ(0);
  transition:transform .28s ease, opacity .28s ease!important;
}
.brand.brand-minimal .brand-arrow{
  display:inline-grid!important;
  place-items:center;
  width:auto!important;
  height:auto!important;
  font-family:Arial,sans-serif!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:400!important;
  color:var(--theme-text, #15161b)!important;
  opacity:.78;
  transition:transform .28s ease, opacity .28s ease!important;
}
.brand.brand-minimal:hover img{transform:scale(1.025)}
.brand.brand-minimal:hover .brand-arrow{transform:translateX(4px);opacity:1}

.campaign-live-card{
  width:min(100%,620px);
  margin-top:18px;
  padding:20px;
  border:1px solid var(--theme-border,rgba(18,19,24,.12));
  border-radius:24px;
  background:linear-gradient(145deg,var(--theme-surface,#fff),var(--theme-surface-soft,#f7f3eb));
  box-shadow:0 22px 55px rgba(25,20,12,.10);
  position:relative;
  overflow:hidden;
}
.campaign-live-card::after{
  content:"";position:absolute;inset:auto -12% -65% 34%;height:160px;
  background:radial-gradient(circle,rgba(222,181,90,.22),transparent 68%);
  pointer-events:none;
}
.campaign-live-head{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.campaign-cover{
  width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(145deg,#e5bd66,#f5dfaa);color:#15161b;
  font-weight:900;letter-spacing:-.04em;box-shadow:inset 0 1px rgba(255,255,255,.5)
}
.campaign-track-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.campaign-track-copy strong{font-size:16px;line-height:1.1;color:var(--theme-text,#15161b)}
.campaign-track-copy span{font-size:12px;color:var(--theme-muted,#6d7078)}
.campaign-status{
  margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;
  border-radius:999px;background:rgba(30,215,96,.10);color:#12983e;font-size:11px;font-weight:800
}
.campaign-status i{width:7px;height:7px;border-radius:50%;background:#1ed760;box-shadow:0 0 0 4px rgba(30,215,96,.12)}
.campaign-progress-row{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:12px;color:var(--theme-muted,#6d7078);position:relative;z-index:1}
.campaign-progress-row strong{color:var(--theme-text,#15161b)}
.campaign-progress{height:7px;margin-top:8px;border-radius:999px;background:var(--theme-border,rgba(18,19,24,.10));overflow:hidden;position:relative;z-index:1}
.campaign-progress span{display:block;height:100%;width:72%;border-radius:inherit;background:linear-gradient(90deg,#d8a847,#f0d28a);animation:frCampaignFill 1.3s cubic-bezier(.2,.8,.2,1) both}
.campaign-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;position:relative;z-index:1}
.campaign-metrics>div{padding:12px;border-radius:15px;background:color-mix(in srgb,var(--theme-surface,#fff) 82%,transparent);border:1px solid var(--theme-border,rgba(18,19,24,.08));display:flex;flex-direction:column;gap:3px}
.campaign-metrics strong{font-size:15px;color:var(--theme-text,#15161b)}
.campaign-metrics span{font-size:10px;color:var(--theme-muted,#6d7078);text-transform:uppercase;letter-spacing:.08em}
@keyframes frCampaignFill{from{width:0}to{width:72%}}

@media (prefers-color-scheme:dark){
  .brand.brand-minimal img{filter:invert(1) brightness(1.15)}
}
html[data-theme="dark"] .brand.brand-minimal img{filter:invert(1) brightness(1.15)}
html[data-theme="light"] .brand.brand-minimal img{filter:none}

@media (max-width:760px){
  .brand.brand-minimal img{width:44px!important;height:42px!important}
  .brand.brand-minimal .brand-arrow{font-size:20px!important}
  .campaign-live-card{padding:16px;border-radius:20px}
  .campaign-metrics{grid-template-columns:1fr 1fr}
  .campaign-metrics>div:last-child{grid-column:1/-1}
}