/* X2Portal HTML visual sections — no business logic. */
#x2full .xf-main .x2r-page{max-width:1360px;margin:auto;color:var(--p-ink);font-size:12px;font-weight:400}
#x2full .x2r-page *{box-sizing:border-box;font-weight:400}
#x2full .x2r-page-title{font-size:14px;margin:0 0 26px}
#x2full .x2r-tools{display:flex;gap:10px;align-items:center;margin:0 0 12px;flex-wrap:wrap}
#x2full .x2r-search{height:42px;flex:1 1 280px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--p-line);background:var(--p-panel);border-radius:8px;min-width:150px}
#x2full .x2r-search span{font-size:22px;color:var(--p-muted)}
#x2full .x2r-search input{width:100%;min-width:0;padding:0;border:0;outline:0;box-shadow:none;background:transparent;color:var(--p-ink);font-size:12px}
#x2full .x2r-select{border:1px solid var(--p-line);border-radius:8px;background:var(--p-panel);padding:0 14px;min-width:102px;height:42px;display:inline-flex;align-items:center;justify-content:center}
#x2full .x2r-count{color:var(--p-muted);font-size:11px;margin:0 0 16px}
#x2full .x2r-list{border:1px solid var(--p-line);border-radius:10px;overflow:hidden;background:var(--p-panel)}
#x2full .x2r-item{display:block;border-bottom:1px solid var(--p-line);background:var(--p-panel)}
#x2full .x2r-item:last-child{border-bottom:0}
#x2full .x2r-item summary{list-style:none}
#x2full .x2r-item summary::-webkit-details-marker{display:none}
#x2full .x2r-line{display:flex;align-items:center;gap:13px;padding:9px 16px;min-height:69px;cursor:pointer;outline-offset:-2px}
#x2full .x2r-line:hover{background:var(--p-soft)}
#x2full .x2r-item[open] .x2r-line{border-bottom:1px solid var(--p-line)}
#x2full .x2r-play{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:50%;background:#7953ee;color:#fff;font-size:13px;padding-left:2px}
#x2full .x2r-art{width:46px;height:46px;flex:0 0 46px;display:block;border-radius:5px;background:var(--p-soft);overflow:hidden}
#x2full .x2r-art img,#x2full .x2r-bigart img{display:block;width:100%;height:100%;object-fit:cover}
#x2full .x2r-itemtext{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
#x2full .x2r-title{font-size:12px;color:var(--p-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#x2full .x2r-sub{font-size:11px;color:var(--p-muted);line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#x2full .x2r-status{display:inline-flex;align-items:center;padding:4px 11px;border-radius:22px;background:#f3efff;color:#514477;font-size:11px;white-space:nowrap}
#x2full .x2r-status-inline{align-self:flex-start;margin:8px 0}
#x2full .x2r-chevron{width:10px;height:10px;border-right:2px solid var(--p-muted);border-bottom:2px solid var(--p-muted);transform:rotate(45deg);margin:0 17px;flex:0 0 10px}
#x2full .x2r-item[open] .x2r-chevron{transform:rotate(225deg)}
#x2full .x2r-download{font-size:18px;color:var(--p-muted);flex:0 0 15px;text-align:center}
#x2full .x2r-detail{display:grid;grid-template-columns:105px 1fr 1.3fr .85fr .85fr;gap:20px;padding:19px 17px;align-items:start}
#x2full .x2r-bigart{width:100px;height:100px;overflow:hidden;border-radius:7px;background:var(--p-soft)}
#x2full .x2r-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:12px;overflow-wrap:anywhere}
#x2full .x2r-tag{font-size:10px;letter-spacing:.025em;color:var(--p-muted)}
#x2full .x2r-gap{margin-top:14px}
#x2full .x2r-detailtitle,#x2full .x2r-value{color:var(--p-ink);font-size:12px}
#x2full .x2r-fauxlink{color:var(--p-ink);margin-top:8px}
#x2full .x2r-audio-label{margin-top:14px}
#x2full .x2r-audio{width:100%;max-width:330px;display:flex;align-items:center;gap:10px;opacity:.8}
#x2full .x2r-audio .x2r-play{width:34px;height:34px;flex-basis:34px}
#x2full .x2r-wave{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;color:var(--p-muted);font-size:10px}
#x2full .x2r-progress{width:100%;height:3px;border-radius:3px;background:var(--p-line)}
#x2full .x2r-provider-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:7px;color:#fff;font-size:17px}
#x2full .x2r-provider-icon.green{background:#41ae50}
#x2full .x2r-provider-icon.red{background:#ec514a}
#x2full .x2r-type{color:var(--p-muted);background:var(--p-soft);font-size:10px;border-radius:5px;padding:4px 9px;white-space:nowrap}
#x2full .x2r-result{padding:4px 11px;border-radius:20px;white-space:nowrap;font-size:10px;letter-spacing:.02em}
#x2full .x2r-result.green{background:#e9f6ea;color:#2b9447}
#x2full .x2r-result.red{background:#ffeae9;color:#e04540}
#x2full .x2r-delivery-detail{padding:18px 20px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 18px}
#x2full .x2r-delivery-detail>span{display:flex;flex-direction:column;gap:7px;font-size:12px;overflow-wrap:anywhere}
#x2full .x2r-delivery-detail>span>small{font-size:10px;color:var(--p-muted)}
#x2full .x2r-delivery-detail p{margin:8px 0 0;grid-column:1/-1;color:var(--p-muted);font-size:11px}
#x2full .xf-sidebar{padding-top:19px}
@media(max-width:970px){#x2full .x2r-detail{grid-template-columns:85px repeat(2,minmax(0,1fr))}#x2full .x2r-bigart{width:80px;height:80px}#x2full .x2r-delivery-detail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){#x2full .x2r-page-title{margin-bottom:18px}#x2full .x2r-tools{gap:7px}#x2full .x2r-search{flex-basis:100%}#x2full .x2r-select{min-width:0;flex:1;height:37px}#x2full .x2r-line{padding:10px 9px;gap:8px;min-height:66px}#x2full .x2r-art{width:40px;height:40px;flex-basis:40px}#x2full .x2r-play,#x2full .x2r-provider-icon{width:30px;height:30px;flex-basis:30px}#x2full .x2r-status{font-size:10px;padding:4px 7px}#x2full .x2r-chevron{margin:0 5px}#x2full .x2r-download{display:none}#x2full .x2r-type{display:none}#x2full .x2r-detail{grid-template-columns:75px minmax(0,1fr);gap:15px}#x2full .x2r-bigart{width:72px;height:72px}#x2full .x2r-delivery-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Dashboard — overview only: restrained typography, analytics and recent albums. */
#x2full .xf-main .x2d-dashboard{width:100%;max-width:1360px;margin:0 auto;font-size:12px;font-weight:400}
#x2full .x2d-dashboard *{box-sizing:border-box;font-weight:400}
#x2full .x2d-top{margin:2px 0 23px}
#x2full .x2d-top h1{font-size:14px;line-height:1.5;margin:0 0 4px;color:var(--p-ink)}
#x2full .x2d-top p{font-size:12px;color:var(--p-muted);margin:0}
#x2full .x2d-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
#x2full .x2d-kpi{display:flex;flex-direction:column;min-height:106px;gap:5px;padding:18px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-panel)}
#x2full .x2d-kpi-label{font-size:11px;color:var(--p-muted)}
#x2full .x2d-kpi-value{font-size:14px;line-height:1.5;color:var(--p-ink)}
#x2full .x2d-kpi-desc{font-size:11px;color:var(--p-muted);margin-top:auto}
#x2full .x2d-analytics{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;margin-bottom:27px}
#x2full .x2d-panel{min-width:0;border:1px solid var(--p-line);border-radius:8px;background:var(--p-panel);overflow:hidden}
#x2full .x2d-panelhead{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 13px;gap:12px;border-bottom:1px solid var(--p-line)}
#x2full .x2d-panelhead h2{font-size:12px;margin:0;color:var(--p-ink)}
#x2full .x2d-panelhead>span{font-size:11px;color:var(--p-muted)}
#x2full .x2d-chart{height:205px;position:relative;margin:14px 19px 17px;display:grid;place-items:center}
#x2full .x2d-chart-grid{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),var(--p-line) calc(25% - 1px),var(--p-line) 25%);opacity:.72}
#x2full .x2d-chart-empty{position:relative;padding:10px 14px;background:var(--p-panel);color:var(--p-muted);font-size:11px;border-radius:5px;text-align:center}
#x2full .x2d-platformlist{padding:9px 18px 12px}
#x2full .x2d-platformlist>div{min-height:46px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--p-line);gap:12px;color:var(--p-ink);font-size:12px}
#x2full .x2d-platformlist>div:last-child{border-bottom:0}
#x2full .x2d-platformlist>div>span:last-child{color:var(--p-muted)}
#x2full .x2d-sectionhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
#x2full .x2d-sectionhead h2{margin:0;color:var(--p-ink);font-size:12px}
#x2full .x2d-albums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#x2full .x2d-album{min-width:0;display:flex;align-items:center;gap:13px;background:var(--p-panel);border:1px solid var(--p-line);border-radius:8px;padding:11px}
#x2full .x2d-album img{width:82px;height:82px;flex:0 0 82px;border-radius:6px;object-fit:cover}
#x2full .x2d-album-meta{display:flex;flex-direction:column;gap:6px;min-width:0}
#x2full .x2d-album-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--p-ink)}
#x2full .x2d-album-artist,#x2full .x2d-album-type{color:var(--p-muted);font-size:11px}
@media(max-width:1000px){#x2full .x2d-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#x2full .x2d-albums{grid-template-columns:1fr}}
@media(max-width:720px){#x2full .x2d-analytics{grid-template-columns:1fr}#x2full .x2d-chart{height:160px}#x2full .x2d-kpi{padding:13px;min-height:92px}#x2full .x2d-album img{width:70px;height:70px;flex-basis:70px}}
/* Unified header, consistent across all HTML sections */
#x2full .xf-top-designed{min-height:68px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 24px}
#x2full .xf-topidentity{min-width:0;max-width:38%;z-index:1}
#x2full .xf-topidentity .xf-wordmark{min-width:0;gap:12px}
#x2full .xf-topidentity .xf-logo{width:38px;height:38px;min-width:38px;font-size:12px}
#x2full .xf-topidentity [data-space-name]{display:block;max-width:min(320px,30vw);font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#x2full .xf-top-designed .xf-ai-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(350px,32vw);height:38px;display:flex;align-items:center;gap:9px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-soft);padding:0 11px}
#x2full .xf-top-designed .xf-ai-center>svg{width:16px;height:16px;flex:0 0 16px;color:var(--p-muted)}
#x2full .xf-top-designed .xf-ai-center>svg:last-child{color:#9979ee}
#x2full .xf-top-designed .xf-ai-center input{border:0!important;box-shadow:none!important;background:transparent!important;min-height:0!important;padding:0!important;outline:none!important;width:100%;font-size:12px;color:var(--p-ink);font-weight:400;cursor:default}
#x2full .xf-top-designed .xf-head-actions{display:flex;align-items:center;gap:8px;position:relative;z-index:1}
#x2full .xf-top-designed .xf-head-actions .xf-iconbtn{display:grid;place-items:center;min-width:39px;width:39px;height:39px;min-height:39px;padding:8px}
#x2full .xf-top-designed .xf-head-actions .xf-iconbtn>svg{width:19px;height:19px;stroke-width:1.75}
#x2full .xf-top-designed .xf-head-actions .xf-theme-button>svg{width:21px;height:21px}
#x2full .xf-top-designed .xf-head-actions .xf-avatar{width:34px;height:34px;flex:0 0 34px}
@media(max-width:1000px){#x2full .xf-top-designed .xf-ai-center{width:min(260px,28vw)}}
@media(max-width:740px){#x2full .xf-top-designed{padding:9px 12px;gap:8px}#x2full .xf-top-designed .xf-ai-center{display:none}#x2full .xf-topidentity [data-space-name]{max-width:28vw;font-size:13px}#x2full .xf-top-designed .xf-head-actions{gap:1px}#x2full .xf-top-designed .xf-head-actions .xf-iconbtn{width:35px;min-width:35px;height:35px;min-height:35px}#x2full .xf-top-designed .xf-head-actions .xf-avatar{display:none}}
/* Artists / Performers — three-column card grid, independent page */
#x2full .xf-main>.x2a-page{width:100%;max-width:1360px;margin:0 auto;font-size:12px;font-weight:400}
#x2full .x2a-page *{box-sizing:border-box;font-weight:400}
#x2full .x2a-shell{border:1px solid var(--p-line);border-radius:10px;background:var(--p-panel);overflow:hidden;min-height:640px}
#x2full .x2a-panel-header{padding:19px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--p-line)}
#x2full .x2a-panel-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;color:#7956ee;background:light-dark(#f4efff,#2b2844);border-radius:8px}
#x2full .x2a-panel-icon svg{width:17px;height:17px}
#x2full .x2a-headlines{min-width:0;flex:1}
#x2full .x2a-headlines h1{font-size:14px;line-height:1.5;margin:0;color:var(--p-ink)}
#x2full .x2a-headlines p{margin:3px 0 0;font-size:11px;color:var(--p-muted)}
#x2full .x2a-count{color:var(--p-muted);border:1px solid var(--p-line);border-radius:6px;padding:5px 9px;font-size:11px;white-space:nowrap}
#x2full .x2a-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 20px 18px}
#x2full .x2a-search{width:min(300px,55%);min-height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:8px;background:var(--p-soft)}
#x2full .x2a-search svg{width:16px;height:16px;color:var(--p-muted)}
#x2full .x2a-search input{width:100%;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:0;font-size:12px;color:var(--p-ink)}
#x2full .x2a-add{display:flex;align-items:center;gap:7px;height:36px;border:1px solid var(--p-line);background:var(--p-soft);color:var(--p-ink);padding:0 12px;border-radius:7px;font-size:12px}
#x2full .x2a-add svg{width:15px;height:15px}
#x2full .x2a-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 20px 28px}
#x2full .x2a-card{border:1px solid var(--p-line);border-radius:9px;display:flex;flex-direction:column;gap:0;padding:15px 15px 0;min-height:158px;min-width:0;background:var(--p-panel)}
#x2full .x2a-card-top{display:flex;gap:10px;align-items:center;min-width:0}
#x2full .x2a-avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--p-soft)}
#x2full .x2a-avatar img{width:100%;height:100%;object-fit:cover}
#x2full .x2a-avatar svg{width:25px;height:25px;color:var(--p-muted)}
#x2full .x2a-identity{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
#x2full .x2a-name{color:var(--p-ink);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#x2full .x2a-type{color:var(--p-muted);font-size:11px}
#x2full .x2a-chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-height:36px;padding:6px 0 10px}
#x2full .x2a-chip{font-size:10px;color:var(--p-muted);background:var(--p-soft);padding:3px 6px;border-radius:4px}
#x2full .x2a-chip-linked{color:light-dark(#268b53,#74cda0);background:light-dark(#edf8f0,#1c3e39)}
#x2full .x2a-card-foot{margin-top:auto;border-top:1px solid var(--p-line);padding:10px 0;display:flex;align-items:center;justify-content:space-between;color:var(--p-muted);font-size:10px}
#x2full .x2a-card-foot svg{width:15px;height:15px;color:var(--p-muted)}
@media(max-width:1050px){#x2full .x2a-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){#x2full .x2a-grid{grid-template-columns:1fr;padding:0 12px 16px;gap:10px}#x2full .x2a-panel-header{padding:15px 12px}#x2full .x2a-toolbar{padding:12px;gap:8px}#x2full .x2a-count{display:none}#x2full .x2a-card{min-height:145px}}
/* Compact CTAs in Releases: retain approved blue and green. */
#x2full .xf-releasecard .xf-cardactions{gap:7px;margin-top:3px;align-items:center;justify-content:flex-start}
#x2full .xf-releasecard .xf-cardactions .xf-action-edit,
#x2full .xf-releasecard .xf-cardactions .xf-action-view{flex:0 1 98px;width:98px;max-width:98px;min-width:0;min-height:30px;height:30px;padding:5px 9px;font-size:12px;line-height:18px;border-radius:6px}
#x2full .xf-releasecard .xf-cardactions .xf-action-takedown{flex:0 0 26px;width:26px;min-width:26px;height:30px;min-height:30px;padding:4px}
#x2full .xf-releasecard .xf-cardactions .xf-action-takedown svg{width:15px;height:15px}
@media(max-width:700px){#x2full .xf-releasecard .xf-cardactions .xf-action-edit,#x2full .xf-releasecard .xf-cardactions .xf-action-view{height:36px;min-height:36px}}
/* Releases only: reference-style centered catalog */
#x2full .xf-main>.xf-releases-centered{
width:100%;
max-width:1260px;
margin-left:auto;
margin-right:auto;
min-width:0;
}
#x2full .xf-releases-centered>.xf-pagehead{
width:100%;
max-width:none;
}
#x2full .xf-releases-centered>.xf-catalogtoolbar,
#x2full .xf-releases-centered>.xf-catalogcount,
#x2full .xf-releases-centered>#xf-catalogbody{
width:100%;
min-width:0;
}
/* All Releases: match the centered reference proportions and toolbar. */
#x2full .xf-main:has(>.xf-releases-centered){padding-top:18px}
#x2full .xf-main>.xf-releases-centered{max-width:1108px;margin-left:auto;margin-right:auto;width:100%;min-width:0}
#x2full .xf-releases-centered .xf-catalogtoolbar-ref{display:flex;align-items:center;gap:9px;margin:0 0 10px;min-width:0;flex-wrap:nowrap}
#x2full .xf-releases-centered .xf-catalog-searchgroup{display:flex;flex:1 1 380px;min-width:190px;min-height:40px;height:40px;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-panel)}
#x2full .xf-releases-centered .xf-catalog-searchgroup>svg{width:16px;height:16px;flex:0 0 16px;color:var(--p-muted)}
#x2full .xf-releases-centered .xf-catalog-searchgroup .xf-search{width:100%;height:36px;min-height:36px;min-width:0;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;outline:none!important;font-size:12px;flex:1 1 auto}
#x2full .xf-releases-centered .xf-catalog-searchtype{flex:0 0 auto;display:flex;align-items:center;gap:5px;background:var(--p-soft);border-radius:5px;color:var(--p-ink);font-size:11px;white-space:nowrap;padding:5px 8px}
#x2full .xf-releases-centered .xf-catalog-searchtype svg{width:11px;height:11px}
#x2full .xf-releases-centered .xf-catalog-select{height:40px;min-height:40px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--p-line);background:var(--p-panel);border-radius:8px;padding:0 11px;font-size:12px;white-space:nowrap;color:var(--p-ink)}
#x2full .xf-releases-centered .xf-catalog-select svg{width:14px;height:14px}
#x2full .xf-releases-centered .xf-catalog-sortwrap,#x2full .xf-releases-centered .xf-catalog-filterwrap{height:40px;min-height:40px;display:flex;align-items:center;gap:6px;padding:0 7px 0 10px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-panel)}
#x2full .xf-releases-centered .xf-catalog-sortwrap>svg,#x2full .xf-releases-centered .xf-catalog-filterwrap>svg{flex:0 0 14px;width:14px;height:14px;color:var(--p-muted)}
#x2full .xf-releases-centered .xf-catalog-sortwrap select,#x2full .xf-releases-centered .xf-catalog-filterwrap select{min-height:36px;height:36px;width:auto;max-width:105px;min-width:0;padding:0 8px 0 0;margin:0;background:transparent!important;border:0!important;box-shadow:none!important;font-size:12px}
#x2full .xf-releases-centered .xf-catalog-filterwrap{border-color:#8059f1}
#x2full .xf-releases-centered .xf-catalog-filterwrap select{color:#7953ed;max-width:78px}
#x2full .xf-releases-centered .xf-catalogtoolbar-ref .xf-segment{display:flex;align-items:center;flex:0 0 auto;border:1px solid var(--p-line);border-radius:7px;padding:3px;margin:0;height:40px;background:var(--p-panel)}
#x2full .xf-releases-centered .xf-catalogtoolbar-ref .xf-segment button{display:inline-flex;justify-content:center;align-items:center;width:31px;height:30px;padding:5px;border-radius:4px}
#x2full .xf-releases-centered .xf-catalogtoolbar-ref .xf-segment button.active{background:var(--p-soft)}
#x2full .xf-releases-centered .xf-catalogcount{margin:0 0 19px;font-size:11px}
#x2full .xf-releases-centered .xf-releasegrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 34px}
@media(max-width:1190px){#x2full .xf-releases-centered .xf-catalog-searchtype{display:none}#x2full .xf-releases-centered .xf-catalogtoolbar-ref{gap:6px}}
@media(max-width:1030px){#x2full .xf-releases-centered .xf-catalogtoolbar-ref{flex-wrap:wrap}#x2full .xf-releases-centered .xf-catalog-searchgroup{flex:1 1 100%;width:100%}#x2full .xf-releases-centered .xf-releasegrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#x2full .xf-main:has(>.xf-releases-centered){padding-top:16px}#x2full .xf-releases-centered .xf-catalog-select{display:none}#x2full .xf-releases-centered .xf-releasegrid{grid-template-columns:1fr;gap:10px}#x2full .xf-releases-centered .xf-catalog-sortwrap,#x2full .xf-releases-centered .xf-catalog-filterwrap{flex:1;justify-content:center}}
/* Releases card typography and CTA — lightweight reference treatment */
#x2full .xf-releases-centered .xf-releasecard .xf-cardtitle button{
font-family:Arial,Helvetica,sans-serif!important;
font-weight:400!important;
font-size:12px!important;
line-height:1.45!important;
letter-spacing:0!important;
color:light-dark(#31343b,#e7eaf3)!important;
}
#x2full .xf-releases-centered .xf-releasecard>.xf-muted{
font-family:Arial,Helvetica,sans-serif;
font-size:11px!important;
line-height:1.45!important;
letter-spacing:0!important;
font-weight:400!important;
color:light-dark(#898b94,#aab3c4);
}
#x2full .xf-releases-centered .xf-releasecard>.xf-inline{
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:1.5;
font-weight:400;
gap:4px;
}
#x2full .xf-releases-centered .xf-releasecard>.xf-inline .xf-pill{
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:400!important;
}
#x2full .xf-releases-centered .xf-releasecard>.xf-inline .xf-pill.blue{
color:light-dark(#74757e,#b3b7c9);
background:light-dark(#ededee,#273144);
}
#x2full .xf-releases-centered .xf-releasecard>.xf-inline .xf-pill.green{
color:light-dark(#23914d,#75cca0);
background:light-dark(#eaf6ee,#1c3d35);
}
#x2full .xf-releases-centered .xf-releasecard .xf-cardactions{
display:flex;
align-items:center;
justify-content:flex-start;
flex-wrap:nowrap;
gap:7px;
margin-top:3px;
}
#x2full .xf-releases-centered .xf-releasecard .xf-cardactions .xf-action-edit,
#x2full .xf-releases-centered .xf-releasecard .xf-cardactions .xf-action-view{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 96px;
width:96px;
max-width:96px;
min-width:0;
height:30px;
min-height:30px;
padding:5px 8px;
border:1px solid transparent;
border-radius:6px;
background:light-dark(#f4f4f5,#273146);
color:light-dark(#303238,#dce1eb);
font-family:Arial,Helvetica,sans-serif;
font-weight:400;
font-size:11px;
line-height:18px;
box-shadow:none;
}
#x2full .xf-releases-centered .xf-releasecard .xf-cardactions .xf-action-edit:hover,
#x2full .xf-releases-centered .xf-releasecard .xf-cardactions .xf-action-view:hover{
background:light-dark(#e9e9ec,#324059);
color:light-dark(#20242b,#fff);
}
#x2full .xf-releases-centered .xf-releasecard .xf-cardactions .xf-action-edit svg,
#x2full .xf-releases-centered .xf-releasecard .xf-cardactions .xf-action-view svg{
width:13px;height:13px;stroke-width:1.8;
}
#x2full .xf-releases-centered .xf-releasecard .xf-cardactions .xf-action-trash,
#x2full .xf-releases-centered .xf-releasecard .xf-cardactions .xf-action-takedown{
display:grid;
place-items:center;
flex:0 0 25px;
width:25px;
min-width:25px;
height:30px;
min-height:30px;
padding:5px;
background:transparent;
border:0;
color:light-dark(#777b85,#a9b4c7);
opacity:1;
}
#x2full .xf-releases-centered .xf-releasecard .xf-cardactions .xf-action-trash svg,
#x2full .xf-releases-centered .xf-releasecard .xf-cardactions .xf-action-takedown svg{
width:16px;height:16px;stroke-width:1.8;
}
#x2full .xf-releases-centered .xf-releasecard .xf-cardactions .xf-action-trash:hover,
#x2full .xf-releases-centered .xf-releasecard .xf-cardactions .xf-action-takedown:hover{
background:light-dark(#eeeeef,#29344b);
border-radius:5px;
}
@media(max-width:700px){
#x2full .xf-releases-centered .xf-releasecard .xf-cardactions .xf-action-edit,
#x2full .xf-releases-centered .xf-releasecard .xf-cardactions .xf-action-view{height:36px;min-height:36px}
}
/* All Releases — reference-style Manage Releases header */
#x2full .xf-releases-centered .xf-manage-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;margin:8px 0 40px}
#x2full .xf-releases-centered .xf-manage-header h1{color:var(--p-ink);font-size:14px;font-weight:400;line-height:20px;margin:0}
#x2full .xf-releases-centered .xf-manage-actions{display:flex;align-items:center;gap:7px}
#x2full .xf-releases-centered .xf-manage-actions button{height:32px;min-height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;font-size:11px;line-height:1.3;font-weight:400;white-space:nowrap}
#x2full .xf-releases-centered .xf-manage-actions button svg{width:14px;height:14px;stroke-width:1.8}
#x2full .xf-releases-centered .xf-manage-transfer{background:var(--p-panel);color:var(--p-ink);border:1px solid var(--p-line)}
#x2full .xf-releases-centered .xf-manage-create{color:#fff;background:#7952f3;border:1px solid #7952f3}
#x2full .xf-releases-centered .xf-manage-create:hover{background:#6745d9}
@media(max-width:650px){#x2full .xf-releases-centered .xf-manage-header{align-items:flex-start;flex-wrap:wrap;margin-bottom:23px;gap:10px}#x2full .xf-releases-centered .xf-manage-actions{width:100%;justify-content:flex-end}}
/* All Releases: shared reference geometry for grid and list. */
@media(min-width:1031px){
#x2full .xf-main:has(>.xf-releases-centered){padding-top:30px;background:light-dark(#fff,#10162d)}
#x2full .xf-main>.xf-releases-centered{max-width:1172px}
#x2full .xf-releases-centered .xf-manage-header{margin-top:8px;margin-bottom:42px}
#x2full .xf-releases-centered .xf-catalogcount{margin-bottom:23px}
#x2full .xf-releases-centered .xf-releasegrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 40px;padding:0 8px}
}
#x2full .xf-releases-centered .xf-release-table-ref{border:1px solid var(--p-line);border-radius:9px;overflow-x:auto}
#x2full .xf-releases-centered .xf-release-table-ref table{table-layout:fixed;width:100%;border-collapse:collapse}
#x2full .xf-releases-centered .xf-release-table-ref th{text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:400;color:var(--p-muted);background:var(--p-panel);height:38px;border-bottom:1px solid var(--p-line);padding:9px 12px}
#x2full .xf-releases-centered .xf-release-table-ref td{font-size:11.5px;font-weight:400;height:53px;padding:6px 12px;color:var(--p-ink);white-space:normal;border-bottom:1px solid var(--p-line)}
#x2full .xf-releases-centered .xf-release-table-ref tr:last-child td{border-bottom:0}
#x2full .xf-releases-centered .xf-release-table-ref th:nth-child(1){width:28%}
#x2full .xf-releases-centered .xf-release-table-ref th:nth-child(2){width:23%}
#x2full .xf-releases-centered .xf-release-table-ref th:nth-child(3){width:12%}
#x2full .xf-releases-centered .xf-release-table-ref th:nth-child(4){width:10%}
#x2full .xf-releases-centered .xf-release-table-ref th:nth-child(5){width:14%}
#x2full .xf-releases-centered .xf-release-table-ref th:nth-child(6){width:13%}
#x2full .xf-releases-centered .xf-release-table-ref .xf-tabletitle{display:flex;gap:10px;align-items:center;color:var(--p-ink);text-align:left;width:100%;min-width:0}
#x2full .xf-releases-centered .xf-release-table-ref .xf-tabletitle .xf-cover{width:36px;height:36px;min-width:36px;padding:0;margin:0;border-radius:5px;overflow:hidden}
#x2full .xf-releases-centered .xf-release-table-ref .xf-tabletitle .xf-cover img{width:100%;height:100%;object-fit:cover;border-radius:5px}
#x2full .xf-releases-centered .xf-release-table-ref .xf-tabletitle>span:not(.xf-ready){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:400;color:var(--p-ink)}
#x2full .xf-releases-centered .xf-release-table-ref .xf-tabletitle .xf-ready{margin-left:0;flex:0 0 auto}
#x2full .xf-releases-centered .xf-release-table-ref .xf-table-artist,
#x2full .xf-releases-centered .xf-release-table-ref .xf-table-upc,
#x2full .xf-releases-centered .xf-release-table-ref .xf-table-date{color:var(--p-muted)}
#x2full .xf-releases-centered .xf-release-table-ref .xf-pill{font-size:10px;font-weight:400;line-height:1.3;padding:4px 7px}
@media(max-width:850px){#x2full .xf-releases-centered .xf-release-table-ref{overflow:auto}#x2full .xf-releases-centered .xf-release-table-ref table{min-width:800px}}