/* RampLive R8.16 — release commerce, customer 360 and presentation polish. */
:root{--r816-mint:#55e8ca;--r816-cyan:#6ed4ff;--r816-violet:#9b7cff;--r816-line:rgba(137,177,207,.18);--r816-panel:#0b141d}

/* Organic low-cost dust: spans are created once by site-r815.js. */
.ambient-network .ambient-dust{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:rgba(146,235,218,var(--alpha));box-shadow:0 0 calc(var(--size)*5) rgba(93,224,204,.34);animation:r816-dust var(--duration) var(--delay) ease-in-out infinite alternate;will-change:transform,opacity}
@keyframes r816-dust{0%{opacity:.12;transform:translate3d(0,10px,0) scale(.7)}55%{opacity:.78}100%{opacity:.08;transform:translate3d(var(--drift),-48px,0) scale(1.25)}}

/* Compact, clearer Google identity action. */
.google-web.google-web-r815{width:min(100%,440px);min-height:54px;grid-template-columns:34px minmax(0,1fr) 20px;gap:10px;margin-inline:auto;padding:7px 12px!important;border-radius:14px!important}
.google-brand-icon{width:32px;height:32px;border-radius:10px}.google-brand-icon img{width:19px;height:19px}.google-button-copy strong{font-size:11px}.google-button-copy small{font-size:7.5px}.google-loader{width:17px;height:17px;border:0;background:conic-gradient(from 20deg,#4285f4,#34a853,#fbbc05,#ea4335,#4285f4);mask:radial-gradient(circle,transparent 47%,#000 50%);animation:r816-google-loader .9s cubic-bezier(.45,.05,.55,.95) infinite}
.google-web.google-web-r815.is-loading:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(66,133,244,.09) 48%,transparent 76%);transform:translateX(-100%);animation:r816-auth-scan 1.35s ease-in-out infinite}
@keyframes r816-google-loader{to{transform:rotate(360deg)}}@keyframes r816-auth-scan{to{transform:translateX(100%)}}

/* The language menu must escape the auth card instead of being clipped inside it. */
.auth-r815 .auth-shell.v5,.auth-r815 .auth-card-v5,.auth-r815 .auth-side,.auth-r815 .auth-form{overflow:visible}
.auth-r815 .locale-picker{isolation:isolate}.auth-r815 .locale-picker[open]{z-index:1000}
.auth-r815 .locale-picker nav{z-index:1001;max-height:min(340px,58vh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(85,232,202,.45) transparent}
.auth-mobile-locale{position:relative;z-index:900}.auth-mobile-locale .locale-picker nav{top:calc(100% + 8px);right:0;bottom:auto;left:auto}

/* Landing release frame. */
.hero-product-r815{transform-style:preserve-3d;background:linear-gradient(160deg,#0a1721,#050b11)}.hero-product-r815:before{display:block!important;content:""!important;position:absolute;z-index:5;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(115deg,transparent 8%,rgba(101,237,208,.65),transparent 38%,rgba(155,124,255,.55),transparent 72%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;animation:r816-frame-shift 7s linear infinite}.hero-product-media:before{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,transparent 0 47%,rgba(108,226,255,.13) 50%,transparent 53%);transform:translateY(-55%);animation:r816-product-scan 6s ease-in-out infinite;pointer-events:none}.hero-product-flow span{position:relative;overflow:hidden}.hero-product-flow span:after{content:"";position:absolute;right:14px;bottom:10px;width:5px;height:5px;border-radius:50%;background:var(--r816-mint);box-shadow:0 0 16px var(--r816-mint);animation:r816-status 1.8s infinite}
@keyframes r816-frame-shift{to{filter:hue-rotate(360deg)}}@keyframes r816-product-scan{50%,100%{transform:translateY(70%)}}@keyframes r816-status{50%{opacity:.25;transform:scale(.7)}}

/* Billing orchestration. */
.payment-command-hero{min-height:280px;background:radial-gradient(circle at 8% 12%,rgba(85,232,202,.12),transparent 34%),radial-gradient(circle at 92% 80%,rgba(110,212,255,.09),transparent 33%),linear-gradient(145deg,#0c1a24,#080e15)!important}.provider-health-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.provider-health-row span{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--r816-line);border-radius:999px;background:rgba(4,10,15,.55);color:#7f93a5;font-size:8px;font-weight:850;letter-spacing:.04em}.provider-health-row i{width:7px;height:7px;border-radius:50%;background:#8a6749}.provider-health-row .ready{color:#86e9d5;border-color:rgba(85,232,202,.23)}.provider-health-row .ready i{background:var(--r816-mint);box-shadow:0 0 0 5px rgba(85,232,202,.06),0 0 18px rgba(85,232,202,.55)}
.provider-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.provider-card{position:relative;overflow:hidden;transition:transform .22s,border-color .22s}.provider-card:hover{transform:translateY(-4px)}.provider-card.provider-enabled{border-color:rgba(85,232,202,.23)}.provider-card.provider-enabled:before{content:"";position:absolute;right:-65px;top:-80px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(85,232,202,.1),transparent 70%)}.provider-card header>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.soft-badge.active{color:#79e6cf;border-color:rgba(85,232,202,.2)}.soft-badge.muted{color:#71808d}.plan-price-heading{display:flex;align-items:center;justify-content:space-between}.plan-price-heading>i{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(85,232,202,.16);border-radius:14px;background:rgba(85,232,202,.06);color:var(--r816-mint)}
.provider-runtime-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.provider-runtime-grid code{display:block;max-width:100%;overflow:auto;font-size:8px}.checkout-provider.stripe{border-color:rgba(145,113,255,.35);background:linear-gradient(135deg,#4932a6,#7357e8)}.checkout-provider.subscription{position:relative;border-color:rgba(110,212,255,.32);background:linear-gradient(135deg,#0b5068,#147d9c)}.checkout-label.recurring-label{display:block;margin-top:9px;color:#7cbfd6}.subscription-center{margin-top:18px;background:linear-gradient(145deg,rgba(13,29,38,.98),rgba(8,14,21,.98))!important}.subscription-list{display:grid;gap:10px}.subscription-list>article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border:1px solid var(--r816-line);border-radius:15px;background:#08121a}.subscription-provider{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,rgba(155,124,255,.14),rgba(110,212,255,.08));color:#b6a5ff;font-size:20px}.subscription-list b,.subscription-list span,.subscription-list small{display:block}.subscription-list span{margin-top:4px;color:#758a9c;font-size:9px}.subscription-list.compact>article{grid-template-columns:40px 1fr}.billing-mini-list{display:grid;gap:8px;margin-top:14px}.billing-mini-list article{display:flex;justify-content:space-between;gap:14px;padding:11px 12px;border-radius:11px;background:#071018}.billing-mini-list b,.billing-mini-list span{display:block}.billing-mini-list span{margin-top:3px;color:#718395;font-size:8px}.billing-mini-list em{color:#8ee8d5;font-size:8px;font-style:normal}

/* Customer 360 standalone workspace. */
.standalone-admin-main{position:relative;z-index:1;min-height:100vh}.standalone-admin-main>.portal-topbar{position:sticky;top:0;z-index:20}.standalone-admin-main>.portal-content{max-width:1540px;margin:0 auto;padding:28px}.customer-360-hero{display:grid;grid-template-columns:auto minmax(220px,.75fr) minmax(560px,1.35fr);gap:24px;align-items:center;padding:28px;border:1px solid rgba(85,232,202,.2);border-radius:24px;background:radial-gradient(circle at 10% 0,rgba(85,232,202,.11),transparent 34%),linear-gradient(145deg,#0d1b25,#080e15);box-shadow:0 32px 100px rgba(0,0,0,.28)}.customer-360-hero .profile-avatar{width:82px;height:82px;font-size:25px}.customer-360-hero h2{margin:7px 0 5px;font-size:34px}.customer-360-hero p{margin:0;color:#8194a5}.customer-hero-actions .modern-form{margin:0}.customer-hero-actions .btn{justify-self:end}.customer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.session-timeline,.audit-timeline{display:grid;gap:8px}.session-timeline article,.audit-timeline article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid var(--r816-line);border-radius:12px;background:#071019}.session-timeline article>i,.audit-timeline article>i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(85,232,202,.07);color:var(--r816-mint)}.session-timeline b,.session-timeline span,.session-timeline small,.audit-timeline b,.audit-timeline span{display:block}.session-timeline span,.audit-timeline span{margin-top:3px;color:#748799;font-size:8px}.session-timeline small{margin-top:4px;color:#526778;font-size:7px}.session-timeline .revoked{opacity:.5}.audit-timeline time{color:#5f7181;font-size:8px}.customer-360-link{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(85,232,202,.2);border-radius:10px;background:rgba(85,232,202,.06);color:var(--r816-mint)}

@media(max-width:1180px){.provider-grid-three,.provider-runtime-grid{grid-template-columns:1fr 1fr}.customer-360-hero{grid-template-columns:auto 1fr}.customer-hero-actions{grid-column:1/-1}.customer-detail-grid{grid-template-columns:1fr}}
@media(max-width:980px){.auth-r815 .auth-card-v5,.auth-r815 .auth-form{overflow:visible!important}}
@media(max-width:720px){.provider-grid-three,.provider-runtime-grid{grid-template-columns:1fr}.standalone-admin-main>.portal-content{padding:14px}.customer-360-hero{grid-template-columns:1fr;padding:20px}.customer-hero-actions{grid-column:auto}.subscription-list>article{grid-template-columns:40px 1fr}.subscription-list>article>form,.subscription-list>article>.soft-badge{grid-column:1/-1}.audit-timeline article{grid-template-columns:32px 1fr}.audit-timeline time{grid-column:2}.google-button-copy small{display:none}.google-web.google-web-r815{min-height:50px}.auth-mobile-locale .locale-picker nav{width:min(280px,calc(100vw - 48px));max-height:min(300px,52vh)}}
@media(prefers-reduced-motion:reduce){.ambient-dust,.hero-product-r815:before,.hero-product-media:before,.hero-product-flow span:after,.google-loader,.google-web.google-web-r815.is-loading:before{animation:none!important}}

/* LIVE analytics */
.live-month-hero{position:relative;display:grid;grid-template-columns:minmax(260px,.8fr) 1.4fr;gap:24px;align-items:center;margin-bottom:18px;padding:28px;border:1px solid rgba(53,228,193,.18);border-radius:26px;overflow:hidden;background:radial-gradient(circle at 8% 0,rgba(53,228,193,.16),transparent 42%),linear-gradient(130deg,#0c1820,#09101a 56%,#111226);box-shadow:0 24px 70px rgba(0,0,0,.24)}
.live-month-hero:after{content:"";position:absolute;inset:-80% 68% -80% auto;width:1px;background:linear-gradient(transparent,rgba(108,255,225,.55),transparent);transform:rotate(18deg);animation:r816-scan 7s linear infinite}.live-month-hero>div:first-child{position:relative;z-index:1}.live-month-hero>div:first-child>span{color:#66efd1;font-size:10px;font-weight:950;letter-spacing:.16em}.live-month-hero h2{margin:8px 0;font-size:clamp(25px,3vw,40px);line-height:1}.live-month-hero p{max-width:530px;margin:0;color:#8fa1b2;line-height:1.65}.live-month-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.live-month-metrics article{padding:20px 16px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(4,10,16,.56);backdrop-filter:blur(16px)}.live-month-metrics small{display:block;margin-bottom:10px;color:#8093a5;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.live-month-metrics b{font-size:clamp(18px,2vw,28px);white-space:nowrap}
@media(max-width:980px){.live-month-hero{grid-template-columns:1fr}.live-month-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.live-month-metrics{grid-template-columns:1fr 1fr}.live-month-metrics article{padding:15px 12px}}
.interaction-showcase{margin-top:16px}.interaction-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.interaction-rule-grid article{min-width:0;display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;align-items:center;padding:11px;border:1px solid var(--r816-line);border-radius:15px;background:linear-gradient(145deg,#0a151e,#070e15);transition:.2s}.interaction-rule-grid article:hover{transform:translateY(-3px);border-color:rgba(85,232,202,.3)}.interaction-rule-grid article>img,.interaction-rule-grid article>i{width:60px;height:60px;border-radius:13px;object-fit:cover;background:radial-gradient(circle at 30% 20%,rgba(85,232,202,.2),transparent 50%),#0d1c26}.interaction-rule-grid article>i{display:grid;place-items:center;color:var(--r816-mint);font-size:22px}.interaction-rule-grid small,.interaction-rule-grid b,.interaction-rule-grid span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interaction-rule-grid small{color:#66e5cb;font-size:7px;font-weight:950;letter-spacing:.08em}.interaction-rule-grid b{margin:4px 0;color:#e7eef4;font-size:10px}.interaction-rule-grid span{color:#728698;font-size:8px}@media(max-width:1100px){.interaction-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.interaction-rule-grid{grid-template-columns:1fr}}