/* Keep text aligned with .social-top and the underline clear of the fixed scrollbar. */
html body.social-page #canalaiSubscriptionTabs{
 display:flex;align-items:center;flex:0 0 auto;gap:24px;height:36px;
 margin:0 32px 18px 0;padding:0 22px;max-width:calc(100% - 32px);box-sizing:border-box;
}
html body.social-page #canalaiSubscriptionTabs button{font-family:inherit;line-height:normal}
html body.social-page #canalaiSubscriptionTabs button.active{border-bottom-color:currentColor!important}
html body.social-page #canalaiSubscriptionTabs[hidden],
html body.social-page #canalaiSubscriptionMusic[hidden],
html body.social-page #canalaiSubscriptionMusic [hidden],
html body.social-page.music-open #canalaiSubscriptionTabs,
html body.social-page.music-open #canalaiSubscriptionMusic{display:none!important}
#canalaiSubscriptionTabs button:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
#canalaiSubscriptionMusic{
 --mp-bg:#f6f7f9;--mp-field:#fff;--mp-line:#ccd4df;--mp-text:#172238;--mp-muted:#697789;
 display:block;width:100%;min-width:0;box-sizing:border-box;color:var(--mp-text);
 font:400 14px/1.45 Inter,Arial,sans-serif;padding:0 24px 24px 28px;
}
body.social-dark #canalaiSubscriptionMusic,html.social-dark #canalaiSubscriptionMusic{
 --mp-bg:#101824;--mp-field:transparent;--mp-line:#354254;--mp-text:#edf2f8;--mp-muted:#a5b2c4;color-scheme:dark;
}
#canalaiSubscriptionMusic *,#canalaiSubscriptionMusic *:before,#canalaiSubscriptionMusic *:after{box-sizing:border-box}
#canalaiSubscriptionMusic button,#canalaiSubscriptionMusic input{font-family:inherit;font-weight:400;box-shadow:none;letter-spacing:normal;color:var(--mp-text)}
#canalaiSubscriptionMusic .music-muted{color:var(--mp-muted)}
#canalaiSubscriptionMusic .music-empty{padding:32px 16px;text-align:center}
#canalaiSubscriptionMusic .music-empty h3{font-size:18px;font-weight:500;margin:0 0 8px}
#canalaiSubscriptionMusic .song-public-grid.suno-tracks{margin-top:0}
:is(#canalaiMusic,#canalaiSubscriptionMusic) .suno-track-more button:disabled{opacity:.5;cursor:default}
/* Match the public song feed: 28px left, 24px right plus its 8px card inset. */
@media(min-width:901px){
 html body.social-page #canalaiSubscriptionMusic > .song-public-grid.suno-tracks,
 html body.social-page #canalaiSubscriptionMusic > .song-results-toolbar{padding-right:8px}
}
@media(max-width:900px){
 html body.social-page #canalaiSubscriptionTabs{margin-right:10px;max-width:calc(100% - 10px)}
 #canalaiSubscriptionMusic{padding:0 10px 24px}
}

/* Keep publication order left-to-right, using the generator's fixed-column layout. */
html body.social-page #socialGrid.is-subscriptions-cards-view{
 columns:auto!important;column-width:auto!important;column-count:auto!important;
}
html body.social-page #socialGrid.is-subscriptions-cards-view > .subscription-gallery{
 display:grid;grid-template-columns:repeat(var(--subscription-columns,1),minmax(0,1fr));
 column-gap:var(--subscription-column-gap,4px);width:100%;min-width:0;overflow:visible;
}
html body.social-page #socialGrid .subscription-gallery > .subscription-gallery-column{
 display:flex;flex-direction:column;gap:var(--subscription-row-gap,3px);min-width:0;overflow:visible;
}
html body.social-page #socialGrid.is-subscriptions-cards-view .subscription-gallery :is(.social-card,.social-grid-card){
 display:block!important;width:100%!important;max-width:none!important;min-width:0;
 margin:0!important;padding:0!important;box-sizing:border-box!important;
 break-inside:avoid!important;page-break-inside:avoid!important;vertical-align:top!important;
 background:transparent!important;background-image:none!important;box-shadow:none!important;
 border:0!important;overflow:visible!important;flex:none;
}
html body.social-page #socialGrid.is-subscriptions-cards-view .subscription-gallery .menu-open{
 position:relative!important;overflow:visible!important;z-index:100000!important;
}

/* Subscription header belongs to the same canvas as its feed. */
html body.social-page.social-zone-subscriptions .social-top,
html body.social-page[data-social-mode="subscriptions"] .social-top {
 background:var(--subscription-canvas,var(--soc-bg))!important;
 background-color:var(--subscription-canvas,var(--soc-bg))!important;
 border-bottom-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
}
