/* RentalGold — Royal, Navy & Gold. The recognition area spans the workspace. */
:root{--rg-royal:#0a3d91;--rg-navy:#071a44;--rg-gold:#d4af37;--rg-gold-light:#f6d88a}
.topbar{background:#071a44f7;border-bottom-color:#ffffff14}.main-nav{background:#ffffff06;border-color:#ffffff16}.main-nav .nav-item{color:#b6c7e2}.main-nav .nav-item.active{color:#f6d88a;background:linear-gradient(120deg,#d4af3724,#d4af370c);box-shadow:inset 0 0 0 1px #d4af3755}.side-rail{background:#071a44;border-color:#ffffff12}.topbar .profile-button b{color:#fff}.topbar .profile-button small,.brand small{color:#b4c3de}.header-demo{color:#a7b7d2}.topbar .icon-button{color:#d4ddee}
.vip-hero.dashboard-hero{background:radial-gradient(ellipse at 50% 12%,#174b922e,transparent 68%),linear-gradient(120deg,#0a2b60 0%,#071a44 48%,#061532 100%);padding-bottom:27px;border-bottom:1px solid #d4af3750;border-radius:0;box-shadow:none;overflow:hidden}
/* Bespoke lion construction lines stay behind content and fade before the center. */
.vip-hero.dashboard-hero::before{content:'';position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.82;transform:none;background-image:url('assets/rentalgold/hero-engraving-left.svg'),url('assets/rentalgold/hero-engraving-right.svg');background-repeat:no-repeat;background-size:auto 135%;background-position:left -55px top 42%,right -55px top 48%;mask-image:linear-gradient(90deg,#000 0%,#000b 16%,#0003 29%,transparent 42%,transparent 58%,#0003 71%,#000b 84%,#000 100%);pointer-events:none}
.vip-hero::after{content:none}
@media(max-width:1020px){.vip-hero.dashboard-hero::before{background-size:auto 116%;background-position:left -95px center,right -100px center;opacity:.7}}
@media(max-width:760px){.vip-hero.dashboard-hero::before{background-size:auto 85%;background-position:left -70px bottom,right -90px bottom;opacity:.78;mask-image:linear-gradient(90deg,#000 0%,#0009 12%,#0002 25%,transparent 37%,transparent 63%,#0002 75%,#0009 88%,#000 100%)}}
.vip-hero .vip-welcome{padding-top:25px;padding-bottom:8px;position:relative;z-index:1}.vip-hero .welcome h1{font-size:22px;letter-spacing:-.6px;color:#fff;font-weight:550}.vip-hero .welcome h1>span{color:#c2d2eb;font-weight:400}.vip-hero .welcome p{font-size:11px;color:#aebfda}.vip-hero .breadcrumb{font-size:8px;letter-spacing:1.6px;color:#859fc7}.vip-hero .breadcrumb>span{color:#617d9f}.vip-hero .welcome-actions{margin-top:0}.vip-details{display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid #7798c144;background:#ffffff04;color:#d1dff3;border-radius:4px;font-size:11px}.vip-details:hover{border-color:#d4af3799;color:#f6d88a}.vip-details svg{width:14px;height:14px}
.vip-recognition{position:relative;z-index:1;max-width:920px;margin:0 auto;text-align:center;padding-top:5px}.vip-identity{display:flex;flex-direction:column;align-items:center}.vip-eyebrow{font-size:8px;letter-spacing:2.5px;color:#b6c9e6}.vip-emblem{width:102px;height:102px;position:relative;display:grid;place-items:center;margin-top:16px;border-radius:50%;border:1px solid #d4af37;background:radial-gradient(circle at 40% 28%,#285186 0%,#122e5b 36%,#07162f 76%);box-shadow:0 0 0 5px #d4af3709,0 0 0 6px #d4af3722,0 8px 24px #020b2255,inset 0 0 0 6px #071a44,inset 0 0 0 7px #d4af3738}.vip-emblem:before,.vip-emblem:after{content:'✦';position:absolute;top:44px;font-size:7px;color:#f6d88a}.vip-emblem:before{left:9px}.vip-emblem:after{right:9px}.vip-emblem img{width:55px;height:55px;object-fit:contain}.vip-emblem-top,.vip-emblem-bottom{position:absolute;left:0;right:0;font-size:5px;letter-spacing:1.4px;font-weight:550;color:#f6d88a}.vip-emblem-top{top:12px}.vip-emblem-bottom{bottom:12px}.vip-identity h2{font-family:var(--heading);font-size:27px;font-weight:550;letter-spacing:.4px;color:#f6d88a;margin-top:14px;line-height:1.2}.vip-level-label{font-size:7px;letter-spacing:2.2px;color:#a7bbd9;margin-top:7px}
.vip-performance{display:grid;grid-template-columns:1fr 154px 1fr;align-items:center;gap:39px;max-width:680px;margin:18px auto 0}.vip-progress{height:142px;width:142px;position:relative;margin:auto;display:grid;place-items:center}.vip-ring{position:absolute;inset:0;height:100%;width:100%;overflow:visible;fill:none;stroke-width:5;transform:rotate(-90deg)}.vip-ring-track{stroke:#ffffff14}.vip-ring-fill{stroke:url(#vip-ring-gold);stroke-linecap:round}.vip-progress:after{content:'';position:absolute;inset:15px;border:1px dashed #d4af3725;border-radius:50%;pointer-events:none}.vip-progress-copy{display:flex;flex-direction:column;align-items:center;gap:6px}.vip-progress-copy strong{font-family:var(--heading);font-size:29px;letter-spacing:-1px;color:#fff;font-weight:550;font-variant-numeric:tabular-nums}.vip-progress-copy>span{font-size:5.5px;letter-spacing:1px;color:#b6c9e6}
.vip-fact{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px}.vip-received{align-items:flex-end;text-align:right}.vip-fact-icon{width:24px;height:24px;display:grid;place-items:center;color:#d6b653}.vip-fact-icon svg{height:22px;width:22px}.vip-fact-label{color:#b9cbe5;font-size:12px;line-height:1.6;white-space:nowrap}.vip-fact-label b{font-weight:500;color:#f6d88a;font-size:11px;margin-left:4px}.vip-fact>strong{font-family:var(--heading);color:#fff;font-size:23px;font-weight:550;letter-spacing:-.5px;white-space:nowrap}.vip-ceiling>strong{color:#f6d88a}.vip-fact small{font-size:10px;color:#9cb2d2}.vip-context{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px;color:#a2b6d4;font-size:8px;letter-spacing:.3px}.vip-context-line{height:1px;width:48px;background:linear-gradient(90deg,transparent,#b1c9ee35)}.vip-context-line:last-child{transform:rotate(180deg)}
.dashboard-balances{margin:23px 0 0}.dashboard-balances .summary-title{margin-bottom:12px}.dashboard-balances .summary-title .eyebrow{color:#62718a;font-size:9px;letter-spacing:1.3px}.dashboard-balances .summary-title .text-button{color:#496382;font-size:10px}.dashboard-balances .summary-strip{grid-template-columns:repeat(3,1fr);border:1px solid #dce4ef;border-radius:6px;background:#fff;overflow:hidden;box-shadow:0 4px 16px #071a4403}.dashboard-balances .metric{padding:22px 25px;background:#fff;border:0;display:block}.dashboard-balances .metric+.metric:before{display:block;background:#e3e9f2;height:60px;top:26px}.dashboard-balances .metric:first-child{grid-column:auto}.dashboard-balances button.metric:hover{background:#f4f7fc}.dashboard-balances .metric-label{font-size:12px;color:#516682}.dashboard-balances .metric-value,.dashboard-balances .metric:first-child .metric-value{font-size:31px;color:#071a44;margin-top:16px;text-align:left;grid-column:auto;grid-row:auto}.dashboard-balances .metric-value>span{color:#7284a1;font-size:.7em}.dashboard-balances .metric>small,.dashboard-balances .metric:first-child>small{font-size:10px;margin-top:11px;color:#63748b}.dashboard-balances .metric-label>.brand-asset{height:28px;width:28px}.dashboard-balances .positive{color:#32785e}.dashboard-balances .gold-dot{background:#d4af37}.dashboard-balances .mini-dot:not(.gold-dot){background:#0a3d91}
#page-painel .gold-wealth{background:radial-gradient(ellipse at 65% 60%,#d4af3710,transparent 60%),linear-gradient(115deg,#0d2b58,#071a44 90%)}
@media(min-width:1650px){.vip-hero .vip-welcome{padding-top:30px}.vip-recognition{padding-top:12px}.vip-emblem{width:116px;height:116px}.vip-emblem img{width:65px;height:65px}.vip-emblem:before,.vip-emblem:after{top:50px}.vip-performance{margin-top:22px}.vip-hero.dashboard-hero{padding-bottom:32px}}
@media(max-width:1020px){.vip-hero .welcome h1{font-size:20px}.vip-performance{gap:22px}.dashboard-balances .metric{padding:20px}.dashboard-balances .metric-label{font-size:11px}.dashboard-balances .metric-value{font-size:28px}}
@media(max-width:760px){.vip-hero.dashboard-hero{padding-bottom:25px}.vip-hero .vip-welcome{padding-top:22px;padding-bottom:22px;align-items:flex-start}.vip-hero .welcome h1{font-size:20px;line-height:1.45}.vip-hero .welcome h1>span{display:block}.vip-hero .welcome p{font-size:10px;line-height:1.7;max-width:260px}.vip-hero .breadcrumb{font-size:6px;letter-spacing:1px}.vip-hero .welcome-actions{display:none}.vip-recognition{padding-top:1px}.vip-eyebrow{font-size:6px;letter-spacing:2px}.vip-emblem{width:92px;height:92px;margin-top:16px}.vip-emblem img{width:49px;height:49px}.vip-emblem:before,.vip-emblem:after{top:39px}.vip-emblem-top,.vip-emblem-bottom{font-size:4.5px;letter-spacing:1.2px}.vip-identity h2{font-size:25px;margin-top:14px}.vip-level-label{font-size:6px;margin-top:7px;letter-spacing:1.8px}.vip-performance{grid-template-columns:minmax(0,1fr) 115px minmax(0,1fr);gap:10px;margin-top:20px}.vip-progress{width:115px;height:115px}.vip-progress-copy strong{font-size:25px}.vip-progress-copy>span{font-size:4.5px;letter-spacing:.7px}.vip-fact{gap:8px;align-items:center;text-align:center;min-width:0}.vip-fact-icon{height:20px;width:20px}.vip-fact-icon svg{height:19px;width:19px}.vip-fact-label{font-size:9px;white-space:normal;line-height:1.6}.vip-fact-label b{font-size:10px;display:block;margin:0}.vip-fact>strong{font-size:15px;letter-spacing:-.5px}.vip-fact small{font-size:7px;line-height:1.6;max-width:83px}.vip-context{font-size:6px;line-height:1.8;gap:8px;margin-top:23px}.vip-context-line{width:17px;flex-shrink:0}.dashboard-balances{margin-top:21px}.dashboard-balances .summary-title .eyebrow{font-size:8px}.dashboard-balances .summary-title .text-button{font-size:9px}.dashboard-balances .summary-strip{grid-template-columns:1fr 1fr}.dashboard-balances .metric{padding:18px 16px}.dashboard-balances .metric:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:3px 12px;border-bottom:1px solid #e3e9f2;background:#f7f9fc;align-items:center}.dashboard-balances .metric:first-child .metric-label{font-size:11px}.dashboard-balances .metric:first-child .metric-value{grid-column:2;grid-row:1/3;font-size:27px;margin:0;text-align:right}.dashboard-balances .metric:first-child>small{font-size:9px;margin:0}.dashboard-balances .metric:first-child .brand-asset{display:none}.dashboard-balances .metric:nth-child(3){border-left:1px solid #e3e9f2}.dashboard-balances .metric+.metric:before{display:none}.dashboard-balances .metric-label{font-size:10px;gap:4px}.dashboard-balances .metric-label>.brand-asset{height:23px;width:23px}.dashboard-balances .metric-value{font-size:27px;margin-top:13px}.dashboard-balances .metric>small{font-size:8px;line-height:1.6;gap:4px}}
@media(max-width:370px){.vip-performance{grid-template-columns:minmax(0,1fr) 106px minmax(0,1fr);gap:7px}.vip-progress{width:106px;height:106px}.vip-fact>strong{font-size:13px}.vip-fact-label{font-size:8px}.vip-progress-copy strong{font-size:23px}.dashboard-balances .metric-label{font-size:9px}.dashboard-balances .metric-value{font-size:24px}}