/* Affinity+ universe rollout, 2 Oct 2026. Shared visual skin only. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=MuseoModerno:wght@300;400;500&display=swap');
@font-face{font-family:WeatherUrbanist;font-style:normal;font-weight:400;font-display:swap;src:url("fonts/weather-urbanist-400.ttf") format("truetype")}
@font-face{font-family:WeatherUrbanist;font-style:normal;font-weight:300;font-display:swap;src:url("fonts/weather-urbanist-300.ttf") format("truetype")}
@font-face{font-family:WeatherUrbanist;font-style:normal;font-weight:500;font-display:swap;src:url("fonts/weather-urbanist-500.ttf") format("truetype")}
@font-face{font-family:WeatherUrbanist;font-style:normal;font-weight:600;font-display:swap;src:url("fonts/weather-urbanist-600.ttf") format("truetype")}
:root{--affinity-gradient-c-ok:radial-gradient(ellipse at 85% 100%,#37CF95 24%,transparent 76%),radial-gradient(ellipse at 7% 110%,#DEFFD0 20%,transparent 63%),linear-gradient(115deg,#FFDBDE,#FFCDC5 43%,#FFEDD4);--affinity-gradient-c-warn:radial-gradient(ellipse at 42% 95%,#FFB32F 20%,transparent 73%),radial-gradient(ellipse at 53% 39%,#FFABB6 8%,transparent 66%),linear-gradient(125deg,#B6E4FA,#D0CFFF 70%,#F3BAD1);--affinity-gradient-c-blue:radial-gradient(ellipse at 86% 97%,#FFB5AA 8%,transparent 67%),radial-gradient(ellipse at 88% 0%,#FFB9DF 15%,transparent 64%),linear-gradient(115deg,#A8CCFF,#BED4FF 46%,#D7C5F5);--affinity-gradient-c-ink:radial-gradient(ellipse at 48% 52%,#FFBC7B 10%,transparent 65%),radial-gradient(ellipse at 0% 100%,#E5ECDD 6%,transparent 56%),linear-gradient(110deg,#C7E1F4,#CDDAE5 55%,#AFCFE9);--affinity-gradient-c-red:radial-gradient(ellipse at 59% 39%,#F5528E 16%,transparent 78%),linear-gradient(110deg,#FFD4E0,#FFA8C0 58%,#FFE3EC);--affinity-gradient-c-purple:radial-gradient(ellipse at 49% 61%,#FFD52C 22%,transparent 73%),radial-gradient(ellipse at 51% 110%,#FFB541 10%,transparent 66%),linear-gradient(110deg,#E6DAE8,#FFD6BC 50%,#CDBAF8);--affinity-gradient-pastel-workspace:radial-gradient(ellipse at 100% 3%,#DED0ED,transparent 48%),radial-gradient(ellipse at 99% 65%,#C4E3FB,transparent 52%),radial-gradient(ellipse at 0% 87%,#F7E8D9,transparent 42%),radial-gradient(ellipse at 15% 0%,#CAE5FA,transparent 49%),#DCE1E9;--affinity-gradient-pearl-silver:radial-gradient(ellipse at 100% 8%,rgba(255,255,255,.95),transparent 57%),radial-gradient(ellipse at 43% 92%,rgba(165,168,180,.38),transparent 65%),radial-gradient(ellipse at 28% 10%,rgba(174,200,229,.32),transparent 52%),radial-gradient(ellipse at 95% 48%,rgba(201,216,239,.34),transparent 48%),radial-gradient(ellipse at 8% 88%,rgba(225,211,196,.35),transparent 47%),linear-gradient(125deg,#DEDDDF,#F1F3F6 53%,#F7F5F2);--affinity-gradient-sky-cream:linear-gradient(180deg,#79B7E1 0%,#B7CBCD 55%,#E3DFC3 100%);--affinity-gradient-pink-olive:linear-gradient(180deg,#FAC0E8 0%,#FAC2DC 45%,#E9CD83 70%,#999F18 100%);--affinity-gradient-simple-sunset:linear-gradient(0deg,rgba(7,10,16,.94),transparent 63%),radial-gradient(ellipse at 100% 0%,#FF9574,transparent 76%),radial-gradient(ellipse at 0% 0%,#788CC8,transparent 63%),linear-gradient(120deg,#927AA7,#D88D86 64%,#E99F6B);--affinity-gradient-lemon-peach-lilac:radial-gradient(ellipse at 49% 41%,#F6DE08 10%,transparent 63%),radial-gradient(ellipse at 48% 100%,#F4AD4C 9%,transparent 70%),linear-gradient(110deg,#EED9EF,#F8E7C5 50%,#EADBF2);--affinity-gradient-ivory-meadow:radial-gradient(ellipse at 48% 102%,#198D24,transparent 67%),linear-gradient(180deg,#F0F0F0 12%,#F0DCC7 30%,#DBD07F 49%,#8FCF66 70%,#43A94A 100%);--affinity-gradient-tangerine-haze:radial-gradient(ellipse at 46% 49%,#FA9709 13%,transparent 67%),radial-gradient(ellipse at 73% 50%,#F67843 12%,transparent 67%),linear-gradient(105deg,#BCCFD4,#CFBEBA 50%,#D1BCC9);--affinity-gradient-lime-lagoon:radial-gradient(ellipse at 50% 100%,#BAE75F 8%,transparent 53%),radial-gradient(ellipse at 49% 0%,#9DDC55 8%,transparent 47%),linear-gradient(180deg,#87CD75,#63B7CE 48%,#6EC7A2 73%,#A8DD65);--affinity-gradient-orange-orchid:radial-gradient(ellipse at 50% 49%,#FF7615 11%,transparent 40%),radial-gradient(ellipse at 49% 47%,#D950D9 35%,transparent 76%),linear-gradient(180deg,#FFC18A,#FB994A 12%,#D857D6 45%,#E665B0 70%,#FFAC68 90%,#FFCC9A);--affinity-gradient-peach-periwinkle:radial-gradient(ellipse at 14% 0%,#F0A281,transparent 64%),radial-gradient(ellipse at 0% 90%,#8179C1,transparent 68%),linear-gradient(135deg,#E8B7A3,#A7C1D9 65%,#ECD6D5);}
@media screen {
 html.affinity-universe body{--ui:"Manrope",system-ui,sans-serif;--fig:"Manrope",system-ui,sans-serif;--num:"Manrope",system-ui,sans-serif;font-family:var(--ui)}
 html.affinity-universe .app .sidebar{background:radial-gradient(ellipse at 0% 0%,#36383C 0%,transparent 43%),radial-gradient(ellipse at 100% 65%,#292B2F 0%,transparent 53%),linear-gradient(165deg,#191A1D,#0D0E10 58%,#202226)!important}
 html.affinity-universe .sidebar .s-lab{background:linear-gradient(155deg,#FF6554 0%,#F52D37 28%,#D4112B 58%,#930D23 85%,#580C1A 100%)!important;box-shadow:inset 0 1px 1px #FFFFFFB8,inset 0 -2px 3px #34000B52,0 3px 8px #0004;text-shadow:0 1px 2px #49070F40}
 html.affinity-universe .sidebar .nav-btn{font-family:var(--ui)!important;border-radius:999px!important;transition:background .18s,box-shadow .18s,color .18s}
 html.affinity-universe .sidebar .nav-btn:hover,html.affinity-universe .sidebar .nav-btn.on,html.affinity-universe .sidebar .nav-btn:focus-visible{background:radial-gradient(ellipse at 12% 0%,#FFFFFF42,transparent 43%),linear-gradient(155deg,#9FA7B64D,#5F687A38 50%,#BAC0CC42)!important;color:#FFF;box-shadow:inset 0 1px 1px #FFFFFF6B,inset 0 -1px 1px #E7ECF657,inset 2px 0 4px #FFFFFF1F,inset -2px 0 4px #FFFFFF1A,0 4px 10px #0003;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
 html.affinity-universe .sidebar [data-affinity-icon] .ic{display:inline-block;flex:0 0 17px;width:17px;height:17px;font-size:0!important;opacity:.9;background:currentColor;mask:var(--affinity-menu-icon) center/contain no-repeat!important;-webkit-mask:var(--affinity-menu-icon) center/contain no-repeat!important}
 html.affinity-universe .app .main .topbar{background:linear-gradient(110deg,#CCD5E0,#BED5E6 38%,#D6CEE3)!important}
 html.affinity-universe .app .main{background:#E7E9EE url('member-pearl-background.png') right 70px/calc(100vw - 246px) calc(100vh - 70px) no-repeat fixed!important}
 html.affinity-universe .app h1.page{font-family:WeatherUrbanist,Arial,sans-serif!important;font-weight:400;line-height:1.25;letter-spacing:.025em;color:#3E4653}
 html.affinity-universe .app :is(h2,h3,h4,button,input,select,textarea){font-family:var(--ui)}
 html.affinity-universe .app :is(.mini .mv,.kpi .v,.amt,.fig,.num,.qr-sub){font-family:var(--fig)!important;font-variant-numeric:tabular-nums}
 html.affinity-universe [data-affinity-card]{background:var(--affinity-card-gradient)!important;border-radius:32px!important;border-color:rgba(255,255,255,.55)!important;box-shadow:inset 0 1px 2px #FFFFFFB3,inset 0 -2px 3px #FFFFFF80,inset 5px 0 9px #FFFFFF45,inset -5px 0 9px #FFFFFF40,0 12px 22px -8px #31405647,0 2px 5px #31405617!important;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);color:#20252E;--ink:#20252E;--muted:#505765}
 html.affinity-universe .affinity-card-anchor{position:relative}
 html.affinity-universe [data-affinity-card] > .affinity-glass-rim{position:absolute;inset:0;border:48px solid transparent;border-image:url("dashboard-glass-rim.svg?v=3") 48 stretch;pointer-events:none;z-index:2;border-radius:inherit}
 html.affinity-universe .content :is(.kpis .kpi,.inc,.panel)[data-affinity-card]::after{display:none}
 html.affinity-universe [data-affinity-card] :is(.mk,.mv,.msub,.l,.v,.s,.nm,.tg,.tiername,.tiertarget,.tiernote,.acctlabel,.acctbal,.flagcount,.in,.id2,.intacc,h2,h3,h4){color:#20252E}
 html.affinity-universe [data-affinity-card] :is(input,select,textarea){background-color:rgba(255,255,255,.88);color:#20252E}
 html.affinity-universe .detgrid[data-affinity-card] .fcell{background:rgba(255,255,255,.12)}
 html.affinity-universe .inc.elig[data-affinity-card] :is(.nm,.tg,.ring .cap){color:#20252E}
 html.affinity-universe .intdark[data-affinity-card] .intacc{color:#20252E;border-color:#20252E66}
 html.affinity-universe [data-affinity-card] .tblwrap{border-radius:24px}
 html.affinity-universe [data-affinity-card="simple-sunset"]{color:#FFF;--ink:#FFF;--muted:#E0E6EA}
 html.affinity-universe [data-affinity-card="simple-sunset"] :is(.mk,.mv,.msub,.l,.v,.s,h2,h3,h4){color:#FFF}
 html.affinity-universe .commission-trend[data-affinity-card] :is(h3,.ct-period){color:#FFF}
 html.affinity-universe .commission-trend[data-affinity-card] .ct-svg text{fill:#F0F3F3}
 html.affinity-universe #dqr[data-affinity-card] :is(h3,.qr-sub,.shrItem){color:#20252E}
 html.affinity-universe #dqr[data-affinity-card] .shrItem:hover{background:#FFFFFF33}
 html.affinity-universe .flagpanel[data-affinity-card] table.dt tbody td{color:#20252E}
 html.affinity-universe .flagpanel[data-affinity-card] :is(.fignum,.miniact){color:#20252E;border-color:#20252E66}
 html.affinity-universe .amchero[data-affinity-card] :is(.amcsub,.amceyebrow){color:#505765}
 html.affinity-universe .flagpanel[data-affinity-card] .sub2{color:#505765}
 html.affinity-universe [data-affinity-card] .miniact{--ink:#20252E}
 html.affinity-universe .sidebar .infocard{border-radius:24px;background:linear-gradient(145deg,#FFFFFF18,#FFFFFF06);box-shadow:inset 0 1px 1px #FFFFFF44;border-color:#FFFFFF33}
}
@media screen and (min-width:901px){
 html.affinity-universe .app .main .topbar{height:70px;min-height:70px;padding:16px 24px;background:linear-gradient(110deg,#CCD5E0,#BED5E6 38%,#D6CEE3)!important;border-bottom-color:#EAEBED}
 html.affinity-universe .app .nowclock :is(.nc-date,.nc-time){background:linear-gradient(145deg,#FFFFFF2E,#FFFFFF0D)!important;color:#303947;border-color:#FFFFFF6B;box-shadow:inset 0 1px 0 #FFFFFF7A,0 2px 6px #3B4D6814;backdrop-filter:blur(12px) saturate(115%);-webkit-backdrop-filter:blur(12px) saturate(115%)}
 html.affinity-universe .app .nowclock :is(.nc-date,.nc-time)::before,html.affinity-universe .app .nowclock :is(.nc-date,.nc-time)::after{display:none}
}
@media screen and (max-width:900px){html.affinity-universe .app .main{background-size:100vw 100vh!important;background-position:center top!important}}

@media screen and (min-width:1181px){html.affinity-universe .app .nowclock{display:flex}}
@media screen and (min-width:901px) and (max-width:1180px){html.affinity-universe .app .nowclock{display:none}}

/* User-requested portrait shape and separate identity glass pill. */
@media screen {
 html.affinity-universe .app .topbar .avatar.affinity-profile-thumb{position:relative;isolation:isolate;width:52px;height:52px;min-width:52px;border-radius:30%;overflow:hidden;background:radial-gradient(ellipse at 43% 55%,#FFB45B 8%,transparent 68%),linear-gradient(125deg,#A3CCE8,#86B9DF);border:1px solid #FFFFFF33;box-shadow:0 5px 9px -3px #32465C52,0 1px 2px #32465C26;cursor:pointer;padding:0;margin-left:0!important}
 html.affinity-universe .app .affinity-profile-thumb img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
 html.affinity-universe .app .affinity-profile-thumb[data-identity-kind="kai"] img{inset:auto;left:-11.96%;top:-9.25%;width:129%;height:auto;object-fit:contain}
 html.affinity-universe .app .affinity-profile-thumb::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 1px 2px 2px #FFFFFFD9,inset -1px -2px 2px #40516C66,inset 3px 0 5px #C9E9FF66,inset -3px 0 5px #FFDCC252,inset 0 -3px 3px #FFFFFF99;background:radial-gradient(ellipse at 19% 0%,#FFFFFF70,transparent 48%),linear-gradient(135deg,transparent 60%,#FFFFFF24 88%,transparent);pointer-events:none;z-index:1}
 html.affinity-universe .app .affinity-identity-pill{position:relative;isolation:isolate;box-sizing:border-box;min-height:52px;padding:7px 18px 7px 24px;display:flex;flex-direction:column;justify-content:center;border-radius:999px;border:1px solid #FFFFFF26;background:radial-gradient(ellipse at 20% 0%,#FFFFFF70,transparent 56%),radial-gradient(ellipse at 95% 110%,#AAC5EC52,transparent 55%),linear-gradient(125deg,#FFFFFF33,#FFFFFF0D 48%,#D8E4F52B);box-shadow:inset 0 2px 3px #FFFFFF99,inset 0 -2px 3px #5D749238,inset 4px 0 8px #FFFFFF4D,inset -4px 0 8px #9FBADA3D,0 6px 12px -5px #31456057,0 1px 2px #3145601F;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);min-width:0}
 html.affinity-universe .app .affinity-identity-pill::before{content:"";position:absolute;inset:0;z-index:-1;padding:2px;border-radius:inherit;background:conic-gradient(from 115deg,#FFFFFF00 5%,#FFFFFFB3 15%,#FFFFFF1A 26%,#57729438 43%,#FFFFFFD9 55%,#FFFFFF1A 66%,#FFFFFF99 86%,#FFFFFF00);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none}
 html.affinity-universe .app .topbar .user:has(.affinity-identity-pill) .usermenu{margin-right:-18px;z-index:2}
 html.affinity-universe .app .affinity-identity-pill .u-n{line-height:1.4;color:#263341}
 html.affinity-universe .app .affinity-identity-pill .u-r{line-height:1.4;color:#566170}
 html.affinity-universe .app .affinity-neutral-silhouette{position:absolute;inset:0;display:block}
 html.affinity-universe .app .affinity-neutral-silhouette::before{content:"";position:absolute;width:36%;height:40%;left:32%;top:17%;border-radius:48%;background:#293345}
 html.affinity-universe .app .affinity-neutral-silhouette::after{content:"";position:absolute;width:80%;height:55%;left:10%;bottom:-8%;border-radius:50% 50% 0 0;background:#293345}
 html.affinity-universe .app .affinity-profile-thumb:focus-visible{outline:2px solid #31465D;outline-offset:3px}
}
@media screen and (min-width:641px) and (max-width:900px){html.affinity-universe .app .affinity-identity-pill:has(.u-n){display:none}}
@media screen and (min-width:641px) and (max-width:900px){html.affinity-universe .app .topbar .user:has(.affinity-identity-pill) .usermenu{margin-right:0}}
@media screen and (max-width:640px){html.affinity-universe:not(.mbr) .app .affinity-identity-pill{display:none}html.affinity-universe:not(.mbr) .app .topbar .user:has(.affinity-identity-pill) .usermenu{margin-right:0}}

/* Approved transparent desktop footer. */
@media(min-width:641px){
html.affinity-universe .app .foot{display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:24px 24px 38px!important;width:100%;box-sizing:border-box}
html.affinity-universe .app .foot > :not(.affinity-footer-design){display:none!important}
html.affinity-universe .affinity-footer-design{display:block;text-align:center;color:#353B46;width:100%}
html.affinity-universe .affinity-footer-motto{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(26px,4vw,70px);line-height:1.3;letter-spacing:-.05em}
html.affinity-universe .affinity-footer-motto strong{font-weight:700}
html.affinity-universe .affinity-footer-motto em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}
html.affinity-universe .affinity-footer-design p{font-size:12px;letter-spacing:.025em;margin:23px 0 18px;color:#666C77}
html.affinity-universe .affinity-footer-credit{display:flex;align-items:center;justify-content:center;gap:14px}
html.affinity-universe .affinity-footer-credit span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;line-height:1.5;text-align:right;color:#59616D}
html.affinity-universe .affinity-footer-credit img{height:28px;width:auto;filter:none;opacity:1}
}

/* Permanent semantic colours and one glass shell for every themed card. */
:root{--affinity-gradient-incentive-achieved:radial-gradient(ellipse at 95% 35%,#80C85B 0%,transparent 65%),radial-gradient(ellipse at 0% 30%,#3DA84D 0%,transparent 58%),linear-gradient(155deg,#29452C 0%,#26762B 48%,#163D18 100%);--affinity-gradient-weather-welcome:radial-gradient(ellipse at 2% 0%,#c7a5ff 0,transparent 47%),radial-gradient(ellipse at 3% 112%,#719dff 0,transparent 49%),radial-gradient(ellipse at 97% -15%,#d39ab9 0,transparent 45%),linear-gradient(130deg,#9277d4 0%,#53408e 52%,#281c34 100%)}
@media screen{
 html.affinity-universe .content [data-affinity-card]{position:relative;isolation:isolate;backdrop-filter:blur(18px) saturate(115%)!important;-webkit-backdrop-filter:blur(18px) saturate(115%)!important}
 html.affinity-universe .content [data-affinity-card]::before{content:"";position:absolute;inset:0;border:0!important;padding:0!important;border-radius:inherit;pointer-events:none;z-index:-1;mask:none!important;-webkit-mask:none!important;box-shadow:none!important;background:radial-gradient(ellipse at 0% 0%,#ffffff8a,transparent 24%),radial-gradient(ellipse at 100% 100%,#ffffff75,transparent 25%),radial-gradient(ellipse at 100% 0%,#ffffff40,transparent 18%)!important}
 html.affinity-universe .content [data-affinity-card]::after{display:none!important}
 html.affinity-universe .content [data-affinity-incentive] .ring .track{stroke:#ffffffb3}
 html.affinity-universe .content [data-affinity-incentive] .ring .prog{stroke:var(--incentive-gradient,url(#affinity-incentive-progress))!important}
 html.affinity-universe .content [data-affinity-incentive=achieved]{color:#F2FFE9;--ink:#F2FFE9;--muted:#E4F2DD}
 html.affinity-universe .content [data-affinity-incentive=achieved] :is(.nm,.tg,.pct,.cap,.go,.pill,.tnc-h,.tnc .row,.tnc .row b){color:#F2FFE9!important}
 html.affinity-universe .content [data-affinity-incentive=achieved] .pill{border-color:#D1F4BE!important;background:#153e1959!important}
 html.affinity-universe .content [data-affinity-card=weather-welcome]{color:white;--ink:white;--muted:#eee5ff}
 html.affinity-universe .content [data-affinity-card=weather-welcome] :is(.wxc-cond,.wxc-msg,.wxc-eb,.wxc-sub,.wxc-att,.wxc-note,h1.page){color:white}
 /* No inner glass or opaque status bands; status pills keep their semantics. */
 html.affinity-universe .content [data-affinity-table-wrap]{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#ffffff4d!important}
 html.affinity-universe .content [data-affinity-table-wrap]::before,html.affinity-universe .content [data-affinity-table-wrap]::after{display:none!important}
 html.affinity-universe .content [data-affinity-table],html.affinity-universe .content [data-affinity-table] :is(thead,tbody,tfoot,tr,td,th){background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#ffffff38!important}
 html.affinity-universe .content [data-affinity-table] thead th{background:#ffffff24!important}
 html.affinity-universe .content [data-affinity-table] tbody tr:hover td{background:#ffffff1f!important}
}

@media screen{
 html.affinity-universe .content .recruitwide :is(.rw-col,.rc-r){background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
 html.affinity-universe .content .recruitwide .rc-head{background:#ffffff24!important;color:#20252E!important}
}

/* Tables are frosted surfaces, not invisible holes. Disbursement forms stay excluded. */
@media screen{
 html.affinity-universe .content [data-affinity-table-wrap]{background:linear-gradient(135deg,#FFFFFFB8,#FFFFFF70)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border:1px solid #FFFFFF80!important;box-shadow:none!important;color:#20252E}
 html.affinity-universe .content [data-affinity-table]:not([data-affinity-table-wrap] table){background:#FFFFFF91!important;color:#20252E}
 html.affinity-universe .content [data-affinity-table] :is(td,th){color:#20252E;border-color:#3541541A!important}
 html.affinity-universe .content [data-affinity-table] thead th{background:#FFFFFF66!important}
 html.affinity-universe .content [data-affinity-table] tbody tr:hover td{background:#FFFFFF47!important}
 html.affinity-universe .content .recruitwide .rw-col{background:linear-gradient(135deg,#FFFFFFB8,#FFFFFF70)!important;backdrop-filter:blur(14px)!important;border:1px solid #FFFFFF80;border-radius:24px;overflow:hidden;color:#20252E}
 html.affinity-universe .content .recruitwide .rc-head{background:#FFFFFF66!important}
}

/* Member review: repeated section labels remain available to screen readers. */
html.mbr .member-repeated-heading{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
@media(min-width:641px){
 html.mbr .content .filterbar{border-radius:20px;padding:18px}
 html.mbr .content .fctls{gap:12px;align-items:flex-end}
 html.mbr .content .fctl.dr{flex:0 1 135px;min-width:120px}
 html.mbr .content .fctl.calwrap{flex:0 0 42px;min-width:42px}
 html.mbr .content .kpis .kpi .val{font-size:clamp(20px,1.8vw,28px);line-height:1.3}
 html.mbr .content .kpis .kpi{min-height:112px}
 html.mbr .affinity-footer-design{padding-right:70px}
 html.mbr .affinity-footer-motto{font-size:clamp(26px,3.2vw,62px)}
 html.mbr #agb .balkpis .mini{border-radius:24px!important;padding:16px!important}
 html.mbr #agb .balkpis .mv{font-size:20px;line-height:1.35}
}

@media(min-width:641px){
 html.mbr #agb .balkpis .mini.k-cd{flex-direction:column;padding:10px 12px!important}
 html.mbr #agb .balkpis .k-cd .cdhalf{width:100%;padding:4px 0;border-right:0;min-width:0}
 html.mbr #agb .balkpis .k-cd .cdhalf + .cdhalf{border-top:1px solid #FFFFFF66}
}

/* Keep the page canvas fixed; cards retain the original full catalog. */
@media screen{html.affinity-universe .app .main{background:var(--affinity-gradient-pastel-workspace)!important;background-attachment:fixed!important}}

/* Footer brand signatures use the same ink as the motto. */
.affinity-footer-realty,.affinity-footer-ejen{display:none}
html.affinity-universe .affinity-footer-credit .affinity-footer-kda{display:inline-block;position:relative;line-height:0;color:inherit}
@media(min-width:641px){
 html.affinity-universe .affinity-footer-realty{display:block;width:clamp(140px,16vw,210px);aspect-ratio:5195/1080;margin:0 auto 8px;background:currentColor;mask:url("affinity-realty-footer.png") center/contain no-repeat;-webkit-mask:url("affinity-realty-footer.png") center/contain no-repeat}
 html.affinity-universe .affinity-footer-partners{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:clamp(36px,5vw,72px)}
 html.affinity-universe .affinity-footer-ejen{display:block;position:relative;width:64px;aspect-ratio:533/513;flex:0 0 64px}
 html.affinity-universe .affinity-footer-ejen img{display:block;width:100%;height:100%;clip-path:inset(0 0 31% 0)}
 html.affinity-universe .affinity-footer-ejen::after{content:"";position:absolute;inset:0;background:currentColor;mask:url("ejen-harta-tanah.webp") center/contain no-repeat;-webkit-mask:url("ejen-harta-tanah.webp") center/contain no-repeat;clip-path:inset(69% 0 0 0)}
 html.affinity-universe .affinity-footer-kda::before{content:"";position:absolute;inset:0;background:currentColor;mask:url("kda-labs-logo.png") center/contain no-repeat;-webkit-mask:url("kda-labs-logo.png") center/contain no-repeat;transition:opacity .2s ease}
 html.affinity-universe .affinity-footer-kda img{display:block;opacity:0;transition:opacity .2s ease}
 html.affinity-universe .affinity-footer-kda:hover img{opacity:1}
 html.affinity-universe .affinity-footer-kda:hover::before{opacity:0}
}

/* Weather and footer follow each page's existing content column. */
html.affinity-universe .content .member-weather{width:100%;max-width:none;min-width:0}
html.affinity-universe .app .main > .foot{width:var(--footer-column-width,100%);max-width:100%;align-self:flex-start;padding-left:var(--footer-column-left,30px)!important;padding-right:var(--footer-column-right,30px)!important}
html.affinity-universe .app .foot .affinity-footer-design{padding-right:0;min-width:0}

html.affinity-universe .app .content > .foot{width:100%;max-width:100%;padding-left:0!important;padding-right:0!important;box-sizing:border-box}

/* Approved unified account control: sidebar gradient and subtle highlights, no card glass rim. */
html.affinity-universe .app .topbar .affinity-account-button{display:flex;align-items:center;gap:10px;position:relative;isolation:isolate;min-width:0;max-width:330px;padding:3px 14px 3px 3px;border:1px solid #ffffff55;border-radius:14px;color:#fff;cursor:pointer;font:inherit;text-align:left;background:radial-gradient(ellipse at 12% 0%,#FFFFFF42,transparent 43%),linear-gradient(155deg,#9FA7B64D,#5F687A38 50%,#BAC0CC42),linear-gradient(#17191c,#17191c);box-shadow:inset 0 1px 1px #FFFFFF6B,inset 0 -1px 1px #E7ECF657,inset 2px 0 4px #FFFFFF1F,inset -2px 0 4px #FFFFFF1A,0 4px 10px #0003;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
html.affinity-universe .app .topbar .affinity-account-button .avatar.affinity-profile-thumb{width:50px;height:50px;min-width:50px;flex:0 0 50px;border-radius:11px;border:0;box-shadow:none;margin:0!important}
html.affinity-universe .app .topbar .affinity-account-button .avatar::after,html.affinity-universe .app .affinity-account-button .affinity-identity-pill::before{display:none}
html.affinity-universe .app .affinity-account-button .affinity-identity-pill{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;min-height:0;border-radius:0}
html.affinity-universe .app .affinity-account-button .u-n{color:#fff;line-height:1.4}
html.affinity-universe .app .affinity-account-button .u-r{color:#d0d2d8;line-height:1.4}
html.affinity-universe .app .topbar .user:has(.affinity-account-button) .usermenu{margin-right:0}
html.affinity-universe .app .affinity-account-button:focus-visible{outline:2px solid #6d79b9;outline-offset:3px}
@media(max-width:900px){html.affinity-universe .app .topbar .affinity-account-button{padding:3px;gap:0}}
@media(max-width:640px){html.affinity-universe .app .topbar .affinity-account-button{padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Approved role badge colours; existing red Super Admin treatment remains the default. */
html.affinity-universe .sidebar .s-lab[data-affinity-role="member"]{background:linear-gradient(155deg,#67D887 0%,#2DBF68 28%,#139249 58%,#086732 85%,#044126 100%)!important}
html.affinity-universe .sidebar .s-lab[data-affinity-role="staff"]{background:linear-gradient(155deg,#FFB55F 0%,#FF922C 28%,#E56D0B 58%,#B44806 85%,#773004 100%)!important}
html.affinity-universe #utbl .ipill.k-developer,
html.affinity-universe[data-access-level="developer"] #setLvl,
html.affinity-universe[data-access-level="developer"] .sidebar .s-lab{background:linear-gradient(112deg,transparent 18%,#FFFFFFA8 32%,transparent 46%,#FFFFFF50 72%,transparent 84%),linear-gradient(180deg,#FFFFFF 0%,#EDF0F3 18%,#CCD2D9 42%,#B8C0C9 65%,#A1ABB7 86%,#8E99A6 100%)!important;color:#202730!important;border:1px solid #DDE3EA;box-shadow:inset 0 1px 1px #FFFFFF,inset 0 -2px 3px #35404F99,0 3px 8px #0006;text-shadow:0 1px 1px #FFFFFFCC}

/* Access-specific thumbnail artwork supplied by Kai. */
html.affinity-universe .app .topbar .avatar.affinity-profile-thumb,
html.mbr .mapp-account > .avatar.affinity-profile-thumb{background-image:url("avatars/memberthumb.png");background-size:129% 122%;background-position:42% 42%;background-repeat:no-repeat}
html.affinity-universe .app .topbar .avatar.affinity-profile-thumb[data-identity-access="super-admin"],
html.mbr .mapp-account > .avatar.affinity-profile-thumb[data-identity-access="super-admin"]{background-image:url("avatars/superadminthumb.png")}
html.affinity-universe .app .affinity-profile-thumb[data-identity-portrait="supplied"] img,
html.mbr .mapp-account .avatar[data-identity-portrait="supplied"] img{inset:auto;left:-11.96%;top:-9.25%;width:129%;height:auto;object-fit:contain}
html.affinity-universe .app .affinity-profile-thumb[data-identity-kind="photo"] img,
html.mbr .mapp-account .avatar[data-identity-kind="photo"] img{inset:10% 10% 0;width:80%;height:90%;object-fit:cover;border-radius:24% 24% 0 0}

/* Profile thumbnails use the supplied artwork without a glass treatment. */
html.affinity-universe .app .topbar .avatar.affinity-profile-thumb,
html.mbr .mapp-account > .avatar.affinity-profile-thumb{border:0!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.affinity-universe .app .affinity-profile-thumb::before,
html.affinity-universe .app .affinity-profile-thumb::after,
html.mbr .mapp-account .avatar::before,
html.mbr .mapp-account .avatar::after{display:none!important}

/* Glass history pills, left of the breadcrumb; retain the existing desktop gate. */
html.affinity-universe .app .topbar .affinity-hist{display:none}
html.affinity-universe .app .topbar .affinity-hist-btn{height:48px;min-width:100px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:linear-gradient(145deg,rgba(137,145,154,.76),rgba(105,115,126,.68));color:#fff;font-family:inherit;font-size:15px;font-weight:500;line-height:1;cursor:pointer;box-shadow:inset 0 1px 2px rgba(255,255,255,.5),inset 0 -1px 2px rgba(255,255,255,.2),0 2px 5px rgba(49,64,86,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html.affinity-universe .app .topbar .affinity-hist-btn span{font-size:15px;font-weight:500;line-height:1}
html.affinity-universe .app .topbar .affinity-hist-btn svg{width:18px;height:18px;flex:none}
html.affinity-universe .app .topbar .affinity-hist-btn:hover:not(:disabled){background:linear-gradient(145deg,rgba(153,161,170,.84),rgba(120,130,141,.76))}
html.affinity-universe .app .topbar .affinity-hist-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
html.affinity-universe .app .topbar .affinity-hist-btn:disabled{opacity:.4;cursor:default}
@media screen and (min-width:901px){
 html.affinity-universe .app .topbar .affinity-hist{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;margin-right:4px}
 html.affinity-universe .app .topbar .affinity-hist + .crumb{margin-right:auto}
}

/* Kai-approved 9 October 2026: raised black sidebar card and continuous canvas. */
html.affinity-universe body:has(.app){background:#E7E9EE url('member-pearl-background.png') center/100vw 100vh no-repeat fixed!important}
html.affinity-universe .app,html.affinity-universe .app .main{background:transparent!important}
html.affinity-universe .app .main .topbar{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
@media screen and (min-width:901px){
 html.affinity-universe .app{grid-template-columns:274px minmax(0,1fr)}
 html.affinity-universe .app .main{grid-column:2;min-width:0}
 html.affinity-universe .app .sidebar{position:fixed;left:14px;top:14px;bottom:14px;height:calc(100vh - 28px);width:246px;border-radius:32px;border:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 0% 0%,#282a2e 0%,transparent 46%),radial-gradient(ellipse at 100% 88%,#202226 0%,transparent 48%),linear-gradient(155deg,#151619,#08090b 57%,#17191c)!important;box-shadow:inset 3px 4px 10px #ffffff80,inset -3px -4px 11px #d7e3ed45,inset 7px 0 16px #ffffff25,inset -6px 0 14px #00000030,3px 8px 16px #16202f35,0 2px 3px #ffffff70;backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%)}
 html.affinity-universe .app .sidebar::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(110deg,#ffffff18,transparent 28%,transparent 78%,#dce9ef10)}
 html.affinity-universe .app .sidebar::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;padding:3px;background:linear-gradient(135deg,#ffffffe6 0%,#ffffff42 24%,#ffffff08 48%,#ffffff28 74%,#ffffffe0 100%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;filter:blur(2px);opacity:.55}
 html.affinity-universe .app .sidebar>*{position:relative;z-index:1}
 html.affinity-universe .app .sidebar .nav{min-height:0;overflow:auto;scrollbar-width:none}
 html.affinity-universe .app .sidebar .nav::-webkit-scrollbar{display:none}
}

/* Shared spacing: align topbar controls with the bounded page card column. */
@media screen and (min-width:901px){
 html.affinity-universe .app .main .topbar{box-sizing:border-box;width:100%;max-width:1240px;height:80px;min-height:80px;padding:14px 30px;gap:16px}
 html.affinity-universe .app .main .content{box-sizing:border-box;width:100%;max-width:1240px;padding:24px 30px 16px}
 html.affinity-universe .app .topbar .user{gap:16px;min-width:0;flex-shrink:0}
 html.affinity-universe .app .topbar .nowclock{gap:8px;margin-right:0}
 html.affinity-universe .app .topbar .nowclock :is(.nc-date,.nc-time){box-sizing:border-box;min-height:48px;align-items:center}
 html.affinity-universe .app .topbar .affinity-hist{gap:8px;margin-right:0}
 html.affinity-universe .app .topbar .crumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html.affinity-universe .app .content .cardrow{gap:16px;margin-bottom:24px}
 html.affinity-universe .app .content .split,html.affinity-universe .app .content .split>.leftcol,html.affinity-universe .app .content .split>.rightcol{gap:24px}
}

/* Shared desktop rhythm: equal outer gutters, aligned controls and card edges. */
@media screen and (min-width:901px){
 html.affinity-universe .app{grid-template-columns:270px minmax(0,1fr)}
 html.affinity-universe .app .sidebar{left:24px;top:24px;bottom:24px;height:calc(100vh - 48px);padding:24px 16px}
 html.affinity-universe .app .sidebar .s-logo{margin:4px auto 20px}
 html.affinity-universe .app .sidebar .s-lab{margin:0 auto 20px}
 html.affinity-universe .app .sidebar .nav{gap:4px}
 html.affinity-universe .app .sidebar .nav-btn{min-height:40px;padding:10px 12px;gap:10px;box-sizing:border-box}
 html.affinity-universe .app .sidebar .grouphd{margin:20px 0 8px;padding:0 12px;gap:10px}
 html.affinity-universe .app .sidebar .s-bottom{padding-top:20px}
 html.affinity-universe .app .main .topbar{width:100%;max-width:none;height:96px;min-height:96px;padding:24px;gap:16px}
 html.affinity-universe .app .main .content{padding:0 24px 24px}
 html.affinity-universe .app .main > .foot{padding-left:24px!important;padding-right:24px!important}
}

/* Center all three footer brands together beneath the full-width motto. */
html.affinity-universe .affinity-footer-design{container-type:inline-size}
html.affinity-universe .app .foot .affinity-footer-motto{font-size:clamp(26px,5.8cqw,130px);line-height:1.18}
html.affinity-universe .affinity-footer-partners .affinity-footer-realty{margin:0;flex:0 1 210px}
@media(max-width:640px){
 html.affinity-universe .affinity-footer-partners{gap:18px;flex-wrap:wrap}
 html.affinity-universe .affinity-footer-partners .affinity-footer-realty{width:130px;flex-basis:130px}
 html.affinity-universe .affinity-footer-ejen{width:48px;flex-basis:48px}
 html.affinity-universe .affinity-footer-credit{gap:8px}
}

/* Approved sidebar: smoky crystal rim over charcoal and black, with a close Affy dock. */
@media screen and (min-width:901px){
 html.affinity-universe:is(html,#affinity-flat-effects) body .app .sidebar{
  padding-bottom:12px!important;border:1px solid #d5d7dc5c;border-radius:32px;
  background:radial-gradient(ellipse at 0% 0%,#575b62 0%,transparent 48%),radial-gradient(ellipse at 48% 100%,#30343a 0%,transparent 25%),linear-gradient(145deg,#303238,#050506 60%,#17191d)!important;
  box-shadow:inset 2px 2px 5px #f5f5f566,inset -1px -1px 4px #e5e5e545,inset 0 0 24px #ffffff17,0 18px 40px #00000030!important;
 }
 html.affinity-universe:is(html,#affinity-flat-effects) body .app .sidebar::before{
  display:block!important;content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(ellipse 72px 15px at 28% 0%,#ffffff85,transparent 100%),radial-gradient(ellipse 14px 80px at 100% 75%,#ffffff2b,transparent 100%),radial-gradient(ellipse 85px 16px at 60% 100%,#ffffff38,transparent 100%);filter:blur(3px);
 }
 html.affinity-universe:is(html,#affinity-flat-effects) body .app .sidebar::after{
  display:block!important;content:"";position:absolute;inset:-1px;border:0;border-image:none;border-radius:inherit;padding:2px;pointer-events:none;z-index:2;
  background:radial-gradient(ellipse 62px 7px at 28% 0%,#ffffff 5%,#eeeeeea6 38%,transparent 100%),radial-gradient(ellipse 5px 64px at 100% 75%,#eeeeee 0,transparent 100%),radial-gradient(ellipse 66px 5px at 60% 100%,#eeeeee 0,transparent 100%),linear-gradient(135deg,#f0f0f0ab,#8181813a 30%,#efefef32 65%,#f4f4f4ab);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;opacity:1;filter:none;
 }
}

/* Approved Pearl Silver identity and dashboard amount visibility. */
html.affinity-universe .app .topbar .affinity-account-button{border-radius:999px;padding:8px 20px 8px 9px;gap:12px;background:var(--affinity-gradient-pearl-silver,linear-gradient(125deg,#fff,#e3e7ed 52%,#fff));color:#252c36;border:1px solid #fff;box-shadow:0 6px 18px #33445b20;overflow:hidden}
html.affinity-universe .app .topbar .affinity-account-button .avatar.affinity-profile-thumb{width:48px;height:48px;min-width:48px;flex-basis:48px;border-radius:50%}
html.affinity-universe .app .affinity-account-button .u-n{color:#252c36;font-size:16px;font-weight:600;line-height:1.3}
html.affinity-universe .app .affinity-account-button .u-r{color:#697582;font-size:12px;line-height:1.5}
html.affinity-universe .app .affinity-account-button>.affinity-glass-rim{position:absolute;inset:0;border:30px solid transparent;border-image:url('dashboard-glass-rim.svg?v=3') 48 stretch;border-radius:inherit;pointer-events:none}
html.affinity-universe .app .topbar .avatar.affinity-profile-thumb[data-identity-kind=kai]{background-image:url('avatars/memberthumb.png')}
.dashboard-privacy-eye{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff80;background:linear-gradient(135deg,#35383d,#171a1e);color:#fff;box-shadow:inset 0 1px 2px #ffffff50,0 4px 10px #27374724;cursor:pointer}
.dashboard-privacy-eye svg{width:23px;height:23px}
.dashboard-privacy-eye:focus-visible{outline:3px solid #5484a7;outline-offset:3px}
.dashboard-values-hidden .affy-sensitive{visibility:hidden!important;position:relative!important;color:transparent!important;text-shadow:none!important;user-select:none!important;pointer-events:none!important}
.dashboard-values-hidden .affy-sensitive *{visibility:hidden!important}
.dashboard-values-hidden .affy-sensitive::after{content:'••••••';position:absolute;inset:0;display:flex;align-items:center;color:var(--privacy-ink,#354052);font-size:inherit;letter-spacing:2px;visibility:visible!important;pointer-events:none}
.dashboard-values-hidden #topPerformers .affy-sensitive{--privacy-ink:#fff}
.dashboard-values-hidden #topPerformers .winner .affy-sensitive{--privacy-ink:#252c36}
@media(max-width:900px){html.affinity-universe .app .topbar .affinity-account-button{padding:5px;gap:0}}

/* Member desktop header: one icon-button size and compact control gaps. */
@media screen and (min-width:641px){
 html.mbr.affinity-universe .app .main .topbar{gap:8px}
 html.mbr.affinity-universe .app .topbar .user{gap:6px}
 html.affinity-universe .app .topbar :is(.dashboard-privacy-eye,.member-recruitment-button,.notifbell){width:44px;height:44px;min-width:44px;min-height:44px;box-sizing:border-box;flex:none;padding:0;margin:0;display:grid;place-items:center}
 html.affinity-universe .app .topbar :is(.dashboard-privacy-eye,.member-recruitment-button,.notifbell) svg{width:23px;height:23px}
 html.mbr.affinity-universe .app .topbar .notifwrap{margin:0}
}

/* Approved account and notification surfaces, 11 October 2026. */
html.affinity-universe .app .main .topbar :is(.umpop,.notifpop){background:linear-gradient(135deg,#f8ebf1fa,#e1edfffa 55%,#fce5dbfa);color:#242c37;border:1px solid #ffffffd9;border-radius:36px;padding:20px;box-shadow:inset 0 2px 2px #fff,0 15px 30px #37445535;backdrop-filter:none;-webkit-backdrop-filter:none;max-height:calc(100dvh - 110px);overflow:auto;font-family:Outfit,sans-serif}
html.affinity-universe .app .main .topbar .umpop{width:320px;max-width:calc(100vw - 24px)}
html.affinity-universe .app .main .topbar .notifpop{width:440px;max-width:calc(100vw - 24px)}
html.affinity-universe .app .main .topbar :is(.umpop,.notifpop)::before,html.affinity-universe .app .main .topbar :is(.umpop,.notifpop)::after{display:none}
html.affinity-universe .app .main .topbar .umhd{margin:0 0 14px;padding:20px 14px 24px;text-align:center;background:linear-gradient(140deg,#ffffffb8,#ffffff55);border-radius:30px;border:1px solid #fff9}
html.affinity-universe .app .main .topbar .umhd b{font:600 20px/1.35 Outfit,sans-serif;color:#242c37}
html.affinity-universe .app .main .topbar .umhd span{display:block;font:400 13px/1.5 Outfit,sans-serif;color:#667581;letter-spacing:0;text-transform:none;margin-top:6px}
.um-photo{display:block;width:76px;height:76px;border-radius:50%;object-fit:cover;background:#baddeb;margin:0 auto 12px}
html.affinity-universe .app .main .topbar .umi{font:400 15px/1.4 Outfit,sans-serif;gap:13px;padding:13px 10px;border-radius:20px;color:#242c37;min-height:52px}
html.affinity-universe .app .main .topbar .umi:hover{background:#fff9;color:#242c37}
html.affinity-universe .app .main .topbar .umic{width:38px;height:38px;flex:none;background:#fff9;border:1px solid #fff;border-radius:50%;display:grid;place-items:center}
html.affinity-universe .app .main .topbar :is(.umic,.nic) img{width:20px;height:20px;display:block}
html.affinity-universe .app .main .topbar .umsep{background:#71808d35;margin:10px 0}
html.affinity-universe .app .main .topbar .umi-out{color:#ad394e}
html.affinity-universe .app .main .topbar .nhd{background:none;padding:4px 4px 18px;gap:12px}
html.affinity-universe .app .main .topbar .nhd h4{font:500 24px/1.3 Outfit,sans-serif;color:#242c37;letter-spacing:0}
html.affinity-universe .app .main .topbar .nhd a{font:400 12px/1.4 Outfit,sans-serif;color:#526271;background:#fff8;border-radius:30px;padding:9px 12px;letter-spacing:0;text-transform:none}
html.affinity-universe .app .main .topbar .ntabs{padding:6px;background:#fff5;border-radius:40px;border:0;gap:4px;flex-wrap:nowrap;margin-bottom:16px}
html.affinity-universe .app .main .topbar .ntab{font:400 13px/1.4 Outfit,sans-serif;color:#526271;flex:1;padding:10px 5px;letter-spacing:0;white-space:nowrap}
html.affinity-universe .app .main .topbar .ntab.on{background:#d6f878;color:#293b25;box-shadow:inset 0 1px 2px #fff}
html.affinity-universe .app .main .topbar .nlist{background:linear-gradient(120deg,#ffffffb8,#ffffff68);border-radius:30px;padding:6px 18px;max-height:min(420px,calc(100dvh - 300px))}
html.affinity-universe .app .main .topbar .nrow{background:none;padding:18px 0;border-radius:0;border-bottom:1px solid #71808d35;gap:12px}
html.affinity-universe .app .main .topbar .nrow:last-child{border:0}
html.affinity-universe .app .main .topbar .nrow:hover{background:#ffffff40}
html.affinity-universe .app .main .topbar .nic{width:38px;height:38px;background:#e4eefa;border:1px solid #fff9}
html.affinity-universe .app .main .topbar :is(.ntext,.ntext b,.nrow:not(.unread) .ntext){color:#242c37;font-family:Outfit,sans-serif;font-size:14px;line-height:1.5}
html.affinity-universe .app .main .topbar .ntext b{font-weight:600}
html.affinity-universe .app .main .topbar .nmeta{font:400 11px/1.4 Outfit,sans-serif;color:#78858f;letter-spacing:0;margin-top:7px}
html.affinity-universe .app .main .topbar .ndot{width:7px;height:7px;background:#487fb0;margin-top:12px}
html.affinity-universe .app .main .topbar .nfoot{padding:18px 0 0;border:0}
html.affinity-universe .app .main .topbar .nfoot a{font:400 13px/1.4 Outfit,sans-serif;color:#526271}
@media(max-width:640px){html.affinity-universe .app .main .topbar :is(.umpop,.notifpop){padding:16px}html.affinity-universe .app .main .topbar .ntab{font-size:11px}html.affinity-universe .app .main .topbar .nlist{padding:5px 12px}}

/* One dashboard type family across desktop and mobile application surfaces. */
html.affinity-universe body,html.affinity-universe .app,html.affinity-universe #topPerformers,html.affinity-universe .mapp-menu,html.affinity-universe .member-recruitment-dialog{--ui:WeatherUrbanist,Arial,sans-serif;--fig:WeatherUrbanist,Arial,sans-serif;--num:WeatherUrbanist,Arial,sans-serif;font-family:WeatherUrbanist,Arial,sans-serif!important}
html.affinity-universe body :is(.app,.mapp-menu,.member-recruitment-dialog) :is(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,legend,td,th,dt,dd,small,strong,b,span,div,time,li,summary,text,tspan){font-family:WeatherUrbanist,Arial,sans-serif!important}

@media(min-width:641px){html.mbr .sidebar .member-desktop-menu-hidden{display:none!important}}

@media(min-width:641px){
/* Commission Trend: readable text and a plot that fills the card. */
html.affinity-universe .commission-trend[data-affinity-card] :is(h3,.ct-period){color:#20252e}
html.affinity-universe .commission-trend[data-affinity-card] .ct-svg text{fill:#20252e;font-size:12px}
html.affinity-universe .commission-trend[data-affinity-card] .ct-period{background:#ffffff80;border-color:#20252e33}
html.affinity-universe .commission-trend[data-affinity-card] .ct-tip{background:#20252ef5;border-color:#ffffff88;color:#fff;top:auto;min-width:145px;z-index:2}
html.affinity-universe .commission-trend[data-affinity-card] .ct-tip strong{color:#fff}
html.affinity-universe .commission-trend[data-affinity-card] .ct-empty{color:#20252e}
@media(min-width:641px){html.affinity-universe .commission-trend[data-affinity-card] .ct-glass{height:300px}html.affinity-universe .commission-trend[data-affinity-card] .ct-icon{display:none}html.affinity-universe .commission-trend[data-affinity-card] .ct-svg{display:block}}

/* One title style for the member dashboard's standard content cards. */
html.affinity-universe :is(.app,.member-recruitment-dialog) h3.dashboard-card-title{font-size:24px!important;font-weight:600!important;line-height:1.25!important;letter-spacing:-.02em!important;text-align:left!important;justify-content:flex-start!important;text-transform:none!important;color:#20252e!important;margin:0!important}
html.affinity-universe .app .panel>.dashboard-card-title,html.affinity-universe .member-recruitment-dialog .dashboard-card-title{margin-bottom:20px!important}
html.affinity-universe .app :is(.commission-trend,.member-recent-sales)>.p-head,html.affinity-universe .app .recruitwide>.bd-head{margin-bottom:20px!important;align-items:center}
@media(max-width:640px){html.affinity-universe :is(.app,.member-recruitment-dialog) h3.dashboard-card-title{font-size:20px!important}}

/* Compact desktop account menu without the repeated identity card. */
@media(min-width:641px){
html.affinity-universe .app .main .topbar .umpop{padding:12px;border-radius:26px}
html.affinity-universe .app .main .topbar .umpop .umhd{display:none}
html.affinity-universe .app .main .topbar .umpop .umi{min-height:0;padding:7px 8px;gap:10px;border-radius:14px}
html.affinity-universe .app .main .topbar .umpop .umic{width:30px;height:30px}
html.affinity-universe .app .main .topbar .umpop .umsep{margin:6px 0}
}
}

/* Member sidebar categories and independent exit action. */
html.mbr .sidebar .member-nav-title{font:600 21px/1.25 var(--ui);color:#fff;margin:8px 12px 10px}
html.mbr .sidebar .nav-btn[hidden],html.mbr .mapp-menu .nav-btn[hidden]{display:none!important}
html.mbr .sidebar .member-category,html.mbr .mapp-menu .member-category{width:100%;min-height:34px;border:0;background:none;text-align:left;cursor:pointer;color:#bfbdb9}
html.mbr .sidebar .member-category .glab,html.mbr .mapp-menu .member-category .glab{display:inline-flex;align-items:center;gap:6px;font:600 12px/1.25 var(--ui);letter-spacing:.12em;color:#c8c5c0}
html.mbr .sidebar .member-category .gnum,html.mbr .mapp-menu .member-category .gnum{font-size:11px}
html.mbr .member-category-chevron{width:8px;height:8px;margin-left:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease;flex:none}
html.mbr .member-category[aria-expanded="true"] .member-category-chevron{transform:rotate(225deg)}
html.mbr .member-category:focus-visible,html.mbr .member-sidebar-logout:focus-visible{outline:2px solid #fff;outline-offset:3px}
html.mbr .member-category .glab{align-items:center;gap:8px;white-space:nowrap}
html.mbr .member-jia-logo{display:block;width:47px;height:18px;object-fit:contain;flex:none;transform:translateY(-1px)}
html.mbr .sidebar .nav-btn{font-size:15px}
html.mbr .sidebar .member-sidebar-logout,html.mbr .mapp-menu .member-sidebar-logout{margin:22px 0 10px!important;min-height:48px;border:1px solid #ffb3b9!important;border-radius:999px!important;background:linear-gradient(135deg,#a71c38,#dd3147 54%,#a51a39)!important;color:#fff!important;font-weight:600!important;box-shadow:inset 0 1px 2px #ffffff80,0 5px 14px #65091b42!important}
html.mbr .sidebar .member-sidebar-logout:hover,html.mbr .mapp-menu .member-sidebar-logout:hover{background:linear-gradient(135deg,#bf2442,#ef4960 54%,#b41e3e)!important}
@media(max-width:640px){
html.mbr .mapp-menu .member-category{min-height:44px;margin:13px 0 4px;padding:4px 12px}
html.mbr .mapp-menu .member-category .glab{font-size:13px}
html.mbr .mapp-menu .member-category .gnum{font-size:12px}
}

/* Phone account trigger is the photo itself; the silver shell belongs to desktop. */
@media(max-width:640px){
html.affinity-universe .app .topbar .affinity-account-button{padding:0!important;gap:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible}
html.affinity-universe .app .topbar .affinity-account-button>.affinity-glass-rim{display:none!important}
}

/* Dedicated compact and wide glass artwork; keep the stray pixels outside each rim cropped. */
@media(min-width:901px){
html.affinity-universe .app .topbar :is(.affinity-account-button,.affinity-hist-btn,.nowclock .nc-date,.nowclock .nc-time){position:relative;isolation:isolate;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.affinity-universe .app .topbar :is(.affinity-account-button,.affinity-hist-btn,.nowclock .nc-date,.nowclock .nc-time)::before{content:"";display:block!important;position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:.82;pointer-events:none}
html.affinity-universe .app .topbar :is(.affinity-hist-btn,.nowclock .nc-date,.nowclock .nc-time)::before{background:transparent url('header-pill-compact-glass.png?v=809d43d29650') center / 105% 120% no-repeat;opacity:1}
html.affinity-universe .app .topbar .affinity-account-button{width:225px;min-width:225px;height:65px;box-sizing:border-box;padding:8px 20px 9px 9px}
html.affinity-universe .app .topbar .affinity-account-button::before{background:transparent url('header-pill-account-glass-v6.png') center / 100% auto no-repeat;opacity:1}
html.affinity-universe .app .topbar .affinity-hist-btn{color:#303947}
html.affinity-universe .app .topbar .affinity-account-button>.affinity-glass-rim{display:none!important}
}

/* Approved desktop page-title typography; mobile and document headings retain their styles. */
@font-face{font-family:AffinityPageSyne;font-style:normal;font-weight:600;font-display:swap;src:url("fonts/branding-syne-600.ttf") format("truetype")}
html.affinity-universe body .app .main .topbar .notifpop .nhd h4{font-family:AffinityPageSyne,Arial,sans-serif!important;font-weight:600!important}
@media screen and (min-width:641px){
html.affinity-universe body .app h1.page:not(:where(.member-weather *,#member-weather *,.wxc *,[data-affinity-card] *,.sheet *,.invdoc *)),html.affinity-universe body .app h1.page:not(:where(.member-weather *,#member-weather *,.wxc *,[data-affinity-card] *,.sheet *,.invdoc *)) *{font-family:AffinityPageSyne,Arial,sans-serif!important;font-weight:600!important}
}

@media screen and (min-width:901px){
html.affinity-universe .app .main .content .affinity-original-page-title,
html.affinity-universe .app .main .content .affinity-original-page-section{display:none!important}
html.affinity-universe .app .main .content .affinity-desktop-section-label{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-family:WeatherUrbanist,Arial,sans-serif!important;font-weight:400!important}
html.affinity-universe .app .main .content .affinity-desktop-section-label .gnum{display:grid;place-items:center;min-width:54px;height:50px;box-sizing:border-box;padding:0 10px;border-radius:12px;background:#692c33;color:#ff3340;font:400 20px/1 WeatherUrbanist,Arial,sans-serif!important;letter-spacing:0}
html.affinity-universe .app .main .content .affinity-desktop-section-label .glab{color:#7c7468;font:400 20px/1.2 WeatherUrbanist,Arial,sans-serif!important;letter-spacing:.13em;text-transform:uppercase}
html.affinity-universe .app .main .content h1.affinity-desktop-title{font-family:AffinityPageSyne,Arial,sans-serif!important;font-weight:600!important}
}

/* Compact Member navigation on desktop and in the mobile menu. */
html.mbr.affinity-universe .app .sidebar .nav{gap:2px}
html.mbr.affinity-universe .app .sidebar .member-category{margin:5px 0 2px;min-height:34px;padding:0 12px}
html.mbr.affinity-universe .app .sidebar .member-home-link{font-weight:600!important;letter-spacing:.12em;font-size:12px;min-height:38px}
html.mbr.affinity-universe .mapp-menu .member-category{margin:4px 0 2px;min-height:44px;padding:4px 12px}
html.mbr.affinity-universe .mapp-menu .member-home-link{font-weight:600!important;letter-spacing:.12em}
@media(min-width:641px){html.mbr .sidebar .member-nav-title{display:none!important}}

/* Shared desktop sidebar; mobile retains its published drawer. */
@media(min-width:641px){
html.affinity-universe .app .sidebar .member-category{width:100%;min-height:48px;display:flex;align-items:center;gap:10px;border:1px solid #ffffff09;border-radius:999px;padding:0 14px;margin:0;background:#ffffff04}
html.affinity-universe .app .sidebar .member-category .gnum{display:grid;place-items:center;width:27px;min-width:27px;height:25px;border-radius:7px;background:#b0213026;color:#fa5260;font:400 11px/1 WeatherUrbanist,Arial,sans-serif!important;letter-spacing:0}
html.affinity-universe .app .sidebar .member-category .glab{display:flex;align-items:center;gap:0;font:400 12px/1.3 WeatherUrbanist,Arial,sans-serif!important;letter-spacing:1.1px;color:#f6f6f6;text-transform:uppercase}
html.affinity-universe .app .sidebar .member-category-chevron{width:7px;height:7px;border-width:1.5px;color:#aeb3bb;margin-right:4px}
html.affinity-universe .app .sidebar .nav-btn{font:400 14px/1.3 WeatherUrbanist,Arial,sans-serif!important;min-height:40px;margin:0;padding:5px 14px;gap:11px;color:#dadde1}
html.affinity-universe .app .sidebar .nav-btn .ic{position:relative;width:30px;height:30px;flex:0 0 30px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff09!important;mask:none!important;-webkit-mask:none!important;color:#c9cdd3}
html.affinity-universe .app .sidebar .nav-btn .ic::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:currentColor;mask:var(--affinity-menu-icon) center/contain no-repeat;-webkit-mask:var(--affinity-menu-icon) center/contain no-repeat}
html.affinity-universe .app .sidebar .member-home-link{display:flex;width:150px;height:44px;min-height:44px;justify-content:center;margin:0 auto 12px;padding:0 16px;border:1px solid #728dbd80;background:#395d9426;color:#c5d7f4;gap:9px;letter-spacing:.5px;box-shadow:none;backdrop-filter:none;border-radius:999px}
html.affinity-universe .sidebar .menu-action-icon{width:19px;height:19px;flex:none}html.affinity-universe .sidebar .mapp-market-by{display:inline-flex;align-items:center;gap:5px;margin-left:4px;font-size:11px!important;letter-spacing:0;text-transform:none}html.affinity-universe .sidebar .mapp-market-by img{display:block;width:39px;height:17px;object-fit:contain}
html.affinity-universe .app .sidebar .nav{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-content:start;min-width:0}
html.affinity-universe .app .sidebar .member-home-link{background:#395d9426!important;box-shadow:none!important;font-weight:400!important}
html.affinity-universe .app .sidebar .member-home-link::before{display:none!important}
html.affinity-universe .app .sidebar .member-sidebar-logout{display:flex;width:136px;min-height:42px;justify-content:center;gap:9px;margin:16px auto 10px!important;padding:0 12px;border:1px solid #d3495b70!important;border-radius:999px!important;background:#a9233524!important;box-shadow:none!important;color:#ffb0ba!important;font-size:15px!important;font-weight:400!important}
html.affinity-universe .app .sidebar .member-sidebar-logout::before{display:none!important}
}

/* Fit desktop navigation within the existing sidebar width. */
@media(min-width:641px){
html.affinity-universe .app .sidebar .nav{overflow-x:hidden;overflow-y:auto}
html.affinity-universe .app .sidebar .nav-btn{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:13px!important;padding-left:10px;padding-right:10px;gap:8px}
html.affinity-universe .app .sidebar .nav-btn .ic{width:26px;height:26px;flex-basis:26px}
html.affinity-universe .app .sidebar .member-category{box-sizing:border-box;min-width:0;max-width:100%;padding-left:10px;padding-right:10px;gap:6px}
html.affinity-universe .app .sidebar .member-category .glab{min-width:0;flex-wrap:wrap;font-size:11px!important;letter-spacing:.6px}
html.affinity-universe .app .sidebar .member-category-chevron{flex-shrink:0;margin-left:auto;margin-right:2px}
html.affinity-universe .app .sidebar .mapp-market-by{font-size:10px!important;gap:3px}
html.affinity-universe .app .sidebar .mapp-market-by img{width:32px;height:15px}
}

/* Shared collapsible navigation semantics for every access role. */
html.affinity-universe .sidebar .nav-btn[hidden]{display:none!important}
html.affinity-universe .sidebar .member-category{cursor:pointer;text-align:left}
html.affinity-universe .sidebar .member-category-chevron{border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease;flex:none}
html.affinity-universe .sidebar .member-category[aria-expanded="true"] .member-category-chevron{transform:rotate(225deg)}
html.affinity-universe .sidebar .member-category:focus-visible,html.affinity-universe .sidebar .member-sidebar-logout:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(min-width:641px){html.affinity-universe .app .sidebar .member-sidebar-logout{border-radius:999px!important}}

/* Desktop heading sizes matched to the approved Project Sales reference. */
@media screen and (min-width:901px){
html.affinity-universe .app .main .content :is(.affinity-desktop-section-label,.preview-section){display:flex;align-items:center;gap:9px!important;margin:0!important}
html.affinity-universe .app .main .content :is(.affinity-desktop-section-label,.preview-section) .gnum{display:grid;place-items:center;box-sizing:border-box;min-width:0;width:auto;height:24px;padding:5px 8px!important;border-radius:6px!important;font:600 12px/14px WeatherUrbanist,Arial,sans-serif!important;letter-spacing:.08em}
html.affinity-universe .app .main .content :is(.affinity-desktop-section-label,.preview-section) .glab{font:600 12px/14px WeatherUrbanist,Arial,sans-serif!important;letter-spacing:.14em!important}
html.affinity-universe .app .main .content #ncAgent h1.page,html.affinity-universe .app .main .content > h1.page.affinity-page-title-size,html.affinity-universe .app .main .content h1.affinity-desktop-title,html.affinity-universe .app .main .content .preview-page-heading h1.page{font-size:38px!important;line-height:38px!important;letter-spacing:-1px!important;margin-top:10px!important}
}

/* Detail titles and their existing editing controls share one desktop row. */
@media screen and (min-width:901px){
html.affinity-universe .app .main .content.affinity-detail-page:has(> :is(.staff-page-lockbar:not(.over-modal),.lockbar,#msbar,#af428bar)){
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:32px;align-items:start;align-content:start;
}
html.affinity-universe .app .main .content.affinity-detail-page > *{grid-column:1/-1;min-width:0}
html.affinity-universe .app .main .content.affinity-detail-page > .affinity-desktop-section-label{grid-row:1;grid-column:1/-1;margin-bottom:16px!important}
html.affinity-universe .app .main .content.affinity-detail-page > h1.page{grid-row:2;grid-column:1;align-self:end;margin:0 0 44px!important;overflow-wrap:anywhere;white-space:normal}
html.affinity-universe .app .main .content.affinity-detail-page > :is(.staff-page-lockbar:not(.over-modal),.lockbar,#msbar,#af428bar){grid-row:2;grid-column:2!important;align-self:end;justify-self:end;margin:0 0 44px!important;max-width:100%!important;min-width:0;transform:translateY(calc(50% - 19px))}
html.affinity-universe .app .main .content.affinity-detail-page :is(.staff-page-lockbar:not(.over-modal),.lockbar,#msbar .savebar.affinity-status-lock,#af428bar .cdf-adjust-pill){width:auto!important;max-width:100%!important;min-width:0;white-space:normal!important}
html.affinity-universe .app .main .content.affinity-detail-page :is(.staff-page-lockbar>span:nth-child(2),.lockbar .lb-msg,#msbar .affinity-status-lock .sb-l,#af428bar .cdf-adjust-text){flex:1 1 auto!important;min-width:0;white-space:normal!important}
}

/* Approved vibrant desktop sidebar actions, shared by every access level. */
@media(min-width:901px){
html.affinity-universe .app .sidebar .member-home-link{border-color:#91efff!important;background:linear-gradient(115deg,#234de0 0%,#127de2 48%,#19c9bb 100%)!important;color:#fff!important;box-shadow:inset 0 2px 3px #ffffff75,inset 0 -2px 4px #052e8c70,0 5px 14px #0b71c447!important}
html.affinity-universe .app .sidebar .member-sidebar-logout{border-color:#ffb5ac!important;background:linear-gradient(115deg,#ff805e,#ed405d 52%,#c71950)!important;color:#fff!important;box-shadow:inset 0 2px 3px #ffffff75,inset 0 -2px 4px #7d082b70,0 5px 14px #c21e4b47!important}
html.affinity-universe .app .sidebar :is(.member-home-link,.member-sidebar-logout){transition:filter .2s,transform .2s}
html.affinity-universe .app .sidebar :is(.member-home-link,.member-sidebar-logout):hover{filter:brightness(1.12);transform:translateY(-1px)}
html.affinity-universe .app .sidebar :is(.member-home-link,.member-sidebar-logout):active{transform:translateY(1px)}
}

/* Desktop filters already sit beneath the page title; omit redundant section headings. */
@media screen and (min-width:901px){
html.affinity-universe .content .panel:has(.filterbar,.ptools,.collection-filter-card,.preview-filter-card) > :is(h2,h3),
html.affinity-universe .content .panel:has(.filterbar,.ptools,.collection-filter-card,.preview-filter-card) > .dscbar > :is(h2,h3),
html.affinity-universe .content :is(h2,h3):has(+ :is(.filterbar,.ptools,.collection-filter-card,.preview-filter-card)),
html.affinity-universe .content .dscbar:has(+ :is(.filterbar,.ptools,.collection-filter-card,.preview-filter-card)) > :is(h2,h3){display:none!important}
html.affinity-universe .content .panel:has(.filterbar,.ptools,.collection-filter-card,.preview-filter-card) > .dscbar,
html.affinity-universe .content .dscbar:has(+ :is(.filterbar,.ptools,.collection-filter-card,.preview-filter-card)){justify-content:flex-end!important}
}

/* Red logout treatment shared by desktop sidebar and My Account. */
@media(min-width:901px){
html.affinity-universe .app .sidebar .member-sidebar-logout,html.affinity-universe .umpop #umLogout{border:1px solid #ff9da5!important;background:linear-gradient(115deg,#f72e43,#dc142b 52%,#ab0822)!important;color:#fff!important;box-shadow:inset 0 2px 3px #ffffff75,inset 0 -2px 4px #70061780,0 5px 14px #c2143047!important}
html.affinity-universe .umpop #umLogout{display:flex!important;align-items:center;justify-content:center;gap:9px;width:136px;min-height:42px;margin:12px auto 6px;padding:0 12px!important;border-radius:999px!important;font:400 15px WeatherUrbanist,Arial,sans-serif!important;transition:filter .2s,transform .2s}
html.affinity-universe .umpop #umLogout:hover{filter:brightness(1.12);transform:translateY(-1px)}
html.affinity-universe .umpop #umLogout:active{transform:translateY(1px)}
html.affinity-universe .umpop #umLogout .umic{color:inherit!important}
}

/* Approved desktop section pills: lighter idle fill and menu hover glass. */
@media(min-width:641px){html.affinity-universe .app .sidebar .member-category{background:linear-gradient(155deg,#ffffff14,#ffffff08)!important;border-color:#ffffff1a;box-shadow:inset 0 1px 1px #ffffff12;cursor:pointer;transition:background .18s,box-shadow .18s,color .18s}html.affinity-universe .app .sidebar .member-category:hover,html.affinity-universe .app .sidebar .member-category:focus-visible{background:radial-gradient(ellipse at 12% 0%,#FFFFFF42,transparent 43%),linear-gradient(155deg,#9FA7B64D,#5F687A38 50%,#BAC0CC42)!important;color:#FFF;box-shadow:inset 0 1px 1px #FFFFFF6B,inset 0 -1px 1px #E7ECF657,inset 2px 0 4px #FFFFFF1F,inset -2px 0 4px #FFFFFF1A,0 4px 10px #0003;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}

/* Match the approved MacBook desktop width; wider displays retain the canvas background. */
@media screen and (min-width:901px){
 html.affinity-universe body .app{
  box-sizing:border-box;width:100%;max-width:1728px!important;
  margin-left:auto!important;margin-right:auto!important;
 }
 html.affinity-universe body .app .sidebar{
  left:calc(max(0px,(100% - 1728px)/2) + 24px);
 }
}