/* FR Music V12 — authentic process mockup + clean symbol header */
.brand.brand-minimal{
  display:inline-flex!important;
  align-items:center!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.brand.brand-minimal img{
  width:44px!important;
  height:44px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  transition:transform .25s ease, opacity .25s ease!important;
}
.brand.brand-minimal:hover img{transform:scale(1.04) rotate(-1.5deg);opacity:.88}
.brand-arrow{display:none!important}
html[data-theme="dark"] .brand.brand-minimal img{filter:invert(1)!important}
@media (prefers-color-scheme:dark){
  html:not([data-theme="light"]) .brand.brand-minimal img{filter:invert(1)!important}
}

.campaign-live-card{display:none!important}
.campaign-flow-mockup{
  width:min(100%,650px);
  min-height:305px;
  margin-top:18px;
  position:relative;
  isolation:isolate;
}
.campaign-flow-mockup::before{
  content:"";
  position:absolute;
  inset:20px 8px 6px 24px;
  border-radius:28px;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--theme-surface,#fff) 95%,#e4b85c 5%),
    var(--theme-surface-soft,#f7f3eb));
  border:1px solid var(--theme-border,rgba(18,19,24,.10));
  box-shadow:0 24px 60px rgba(25,20,12,.10);
  z-index:-2;
}
.campaign-flow-mockup::after{
  content:"";
  position:absolute;
  width:180px;height:180px;
  right:-18px;top:-24px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(222,181,90,.22),transparent 70%);
  z-index:-1;
}
.flow-message-card,
.flow-brief-card,
.flow-playlists-card{
  background:color-mix(in srgb,var(--theme-surface,#fff) 96%,transparent);
  border:1px solid var(--theme-border,rgba(18,19,24,.10));
  box-shadow:0 16px 36px rgba(20,18,13,.09);
  backdrop-filter:blur(14px);
}
.flow-message-card{
  width:78%;
  min-height:138px;
  padding:18px;
  border-radius:22px;
  display:flex;
  gap:13px;
  position:absolute;
  left:0;top:0;
  animation:flowCardIn .7s cubic-bezier(.2,.8,.2,1) both;
}
.flow-avatar{
  width:42px;height:42px;flex:0 0 42px;
  border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#ddb45a,#f3d995);
  color:#15161b;font-weight:900;font-size:13px;
}
.flow-message-copy{min-width:0;flex:1}
.flow-message-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.flow-message-head strong{font-size:14px;color:var(--theme-text,#15161b)}
.flow-message-head span{font-size:10px;color:var(--theme-muted,#6d7078)}
.flow-message-copy p{margin:11px 0 12px!important;font-size:14px!important;line-height:1.45!important;color:var(--theme-text,#15161b)!important}
.flow-tags{display:flex;flex-wrap:wrap;gap:6px}
.flow-tags span{padding:5px 8px;border-radius:999px;background:var(--theme-surface-soft,#f5f1e9);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--theme-muted,#686b72)}
.flow-brief-card{
  width:43%;
  padding:15px 16px;
  border-radius:19px;
  position:absolute;
  right:0;top:64px;
  transform:rotate(1.5deg);
  animation:flowCardIn .7s .12s cubic-bezier(.2,.8,.2,1) both;
}
.flow-kicker{display:block;margin-bottom:10px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:#c5973f}
.flow-brief-card>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--theme-border,rgba(18,19,24,.08));font-size:11px}
.flow-brief-card>div span{color:var(--theme-muted,#70737a)}
.flow-brief-card>div strong{color:var(--theme-text,#15161b);font-size:11px}
.flow-playlists-card{
  width:48%;
  padding:15px 16px;
  border-radius:19px;
  position:absolute;
  left:52px;bottom:0;
  transform:rotate(-1deg);
  animation:flowCardIn .7s .24s cubic-bezier(.2,.8,.2,1) both;
}
.flow-playlists-card ul{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:7px}
.flow-playlists-card li{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--theme-text,#15161b)}
.flow-playlists-card li i{width:7px;height:7px;border-radius:50%;background:#1ed760;box-shadow:0 0 0 4px rgba(30,215,96,.10)}
.flow-playlists-card>strong{font-size:10px;color:#188a3d;text-transform:uppercase;letter-spacing:.08em}
@keyframes flowCardIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1}}

@media (max-width:760px){
  .brand.brand-minimal img{width:38px!important;height:38px!important}
  .campaign-flow-mockup{min-height:390px;margin-top:12px}
  .campaign-flow-mockup::before{inset:14px 0 0}
  .flow-message-card{position:relative;top:auto;left:auto;width:94%;min-height:0}
  .flow-brief-card{width:70%;right:0;top:140px}
  .flow-playlists-card{width:72%;left:10px;bottom:6px}
}