/* [1.5.414] z-index MÁXIMO: com 99998 o cabeçalho do tema e a admin bar do WP (99999) ficavam POR CIMA e "encolhiam" o painel no topo. O painel é ecrã inteiro — nada do tema pode sobrepor-se. */ #rmbz-vip{ position:fixed; inset:0; z-index:2147483600; overflow:hidden; font-family:'Geist',system-ui,sans-serif; display:flex; } /* Sem scroll na página por trás (o painel tem o seu próprio scroll). */ html, body{ overflow:hidden !important; } #wpadminbar{ display:none !important; } #rmbz-vip *{ box-sizing:border-box; } #rmbz-vip .ms{ font-family:'Material Symbols Rounded'; line-height:1; display:inline-flex; vertical-align:middle; } #rmbz-vip .mono{ font-family:'JetBrains Mono',monospace; } #rmbz-vip[data-theme="oled"]{ --bg:#000; --surface:#0e0e11; --elev:#17171b; --hover:#1e1e23; --border:#232329; --border2:#2e2e35; --text:#fafafa; --text2:#c4c4cc; --muted:#8a8a92; --brand:#f0b90b; --brand-soft:rgba(240,185,11,.12); --on-brand:#0a0a0a; --brand-ink:#f0b90b; --success:#10b981; --success-soft:rgba(16,185,129,.12); --danger:#ef4444; --danger-soft:rgba(239,68,68,.14); --info:#3b82f6; --info-soft:rgba(59,130,246,.14); --navy:#2c3e50; --vip1:#20392b; --vip2:#1e2320; --scrim:rgba(0,0,0,.7); --rev:#f0b90b; --rev-soft:rgba(240,185,11,.14); } #rmbz-vip[data-theme="claro"]{ --bg:#f6f4ee; --surface:#fff; --elev:#f1eee5; --hover:#edeadf; --border:#e4dfd1; --border2:#d5cfbe; --text:#171610; --text2:#4c4840; --muted:#86816f; --brand:#f0b90b; --brand-soft:rgba(240,185,11,.18); --on-brand:#1c1500; --brand-ink:#96770a; --success:#0d9268; --success-soft:rgba(16,185,129,.14); --danger:#d92f2f; --danger-soft:rgba(217,47,47,.10); --info:#2563eb; --info-soft:rgba(37,99,235,.10); --navy:#2c3e50; --vip1:#24513a; --vip2:#1e2b23; --scrim:rgba(23,22,16,.55); --rev:#96770a; --rev-soft:rgba(240,185,11,.16); } #rmbz-vip{ --rmbz-danger:var(--danger); --rmbz-success:var(--success); --rmbz-warning:var(--rev); --rmbz-warning-soft:var(--rev-soft); --rmbz-info:var(--info); --rmbz-info-soft:var(--info-soft); --rmbz-brand:var(--brand-ink); --rmbz-bg-input:var(--elev); --rmbz-bg-surface:var(--surface); --rmbz-bg-elevated:var(--elev); --rmbz-border-subtle:var(--border); --rmbz-text-primary:var(--text); --rmbz-text-secondary:var(--text2); --rmbz-text-muted:var(--muted); --rmbz-text-faint:var(--muted); --rmbz-radius-sm:12px; --rmbz-radius-md:18px; --rmbz-space-1:4px; --rmbz-space-2:8px; --rmbz-space-3:12px; --rmbz-space-4:16px; --rmbz-space-5:20px; --rmbz-space-6:24px; --rmbz-font-display:'Bricolage Grotesque',sans-serif; --rmbz-font-body:'Geist',system-ui,sans-serif; --rmbz-text-2xs:11px; --rmbz-text-xs:12px; --rmbz-text-sm:13px; --rmbz-text-lg:19px; --rmbz-weight-medium:600; --rmbz-weight-semibold:700; --rmbz-weight-bold:800; --rmbz-tracking-tight:-.01em; --rmbz-tracking-wider:.06em; --rmbz-leading-tight:1.25; --rmbz-leading-relaxed:1.6; } #rmbz-vip{ background:var(--bg); color:var(--text); } /* Splash de navegação: logo fixo no centro, com pulsação sem deslocamento. */ #rmbz-vip-splash{ position:fixed; inset:0; z-index:2147483646; background:var(--bg); display:none; align-items:center; justify-content:center; } #rmbz-vip-splash.open{ display:flex; } #rmbz-vip-splash img{ width:92px; height:92px; border-radius:50%; box-shadow:0 14px 40px rgba(0,0,0,.34); animation:rmbzVipPulse 1.5s ease-in-out infinite; } @keyframes rmbzVipPulse{ 0%,100%{ filter:brightness(.94); box-shadow:0 14px 40px rgba(0,0,0,.34); } 50%{ filter:brightness(1.08); box-shadow:0 18px 54px rgba(0,0,0,.46); } } #rmbz-vip a{ color:var(--brand-ink); text-decoration:none; } #rmbz-vip ::-webkit-scrollbar{ width:10px; height:10px; } #rmbz-vip ::-webkit-scrollbar-thumb{ background:var(--border2); border-radius:8px; } #rmbz-vip .aside{ width:264px; flex-shrink:0; display:flex; flex-direction:column; padding:22px 14px 18px; border-right:1px solid var(--border); background:var(--surface); gap:3px; } #rmbz-vip .navbtn{ display:flex; align-items:center; gap:13px; width:100%; border:none; text-align:left; padding:12px 16px; border-radius:100px; background:transparent; color:var(--text2); font-family:inherit; font-size:13.5px; font-weight:550; cursor:pointer; transition:background .15s; } #rmbz-vip .navbtn:hover{ background:var(--hover); } #rmbz-vip .navbtn.on{ background:var(--brand-soft); color:var(--brand-ink); font-weight:700; } #rmbz-vip .navbtn.on .ms{ font-variation-settings:'FILL' 1; } #rmbz-vip .rmbz-vip-oliver-launch{ margin-top:5px; border:1px solid color-mix(in srgb,var(--brand) 36%,var(--border)); background:linear-gradient(135deg,var(--brand-soft),var(--elev)); color:var(--text); font-weight:720; } #rmbz-vip .rmbz-vip-oliver-launch:hover{ border-color:var(--brand); background:color-mix(in srgb,var(--brand) 20%,var(--elev)); } #rmbz-vip .rmbz-vip-oliver-launch>.ms:first-child{ color:var(--brand-ink); font-variation-settings:'FILL' 1; } #rmbz-vip .rmbz-vip-oliver-state{ width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:var(--success); box-shadow:0 0 0 4px var(--success-soft); } #rmbz-vip .main{ flex:1; overflow-y:auto; } #rmbz-vip .wrap{ max-width:1440px; margin:0 auto; padding:26px 38px 60px; } #rmbz-vip .card{ background:var(--surface); border:1px solid var(--border); border-radius:26px; padding:24px 28px; } #rmbz-vip .vip-page-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; } #rmbz-vip .vip-page-heading{ min-width:0; } #rmbz-vip .vip-page-title{ margin:0; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:30px; line-height:1.15; font-weight:720; letter-spacing:-.025em; } #rmbz-vip .vip-page-sub{ margin-top:5px; color:var(--muted); font-size:12.5px; line-height:1.45; } #rmbz-vip .vip-page-notif{ position:relative; min-height:44px; padding:10px 16px; border:1px solid var(--border); background:var(--surface); color:var(--text2); box-shadow:0 6px 22px -22px rgba(0,0,0,.7); } #rmbz-vip .vip-page-notif>.ms{ font-size:19px; } #rmbz-vip .vip-page-notif-count{ display:inline-flex; min-width:20px; height:20px; padding:0 6px; align-items:center; justify-content:center; border-radius:100px; background:var(--danger); color:#fff; font-size:9.5px; font-weight:800; } #rmbz-vip .home-finance-grid{ display:grid; grid-template-columns:1.45fr 1fr 1fr; gap:14px; } #rmbz-vip .home-wealth-card{ position:relative; overflow:hidden; min-height:218px; display:flex; flex-direction:column; padding:25px 27px; border:1px solid rgba(255,255,255,.06); border-radius:27px; background:linear-gradient(145deg,#32485e 0%,#26394c 100%); color:#fff; box-shadow:0 18px 46px -38px rgba(17,30,43,.9); } #rmbz-vip .home-wealth-card::after{ content:''; position:absolute; width:190px; height:190px; right:-74px; top:-86px; border-radius:50%; background:rgba(255,255,255,.045); } #rmbz-vip .home-card-eyebrow{ position:relative; display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.7); font-size:9.5px; line-height:1.2; font-weight:800; letter-spacing:.1em; text-transform:uppercase; } #rmbz-vip .home-card-eyebrow .ms{ font-size:17px; } #rmbz-vip .home-wealth-value{ position:relative; margin-top:13px; color:#fff; font-family:'JetBrains Mono',monospace; font-size:38px; line-height:1.08; font-weight:650; letter-spacing:-.035em; } #rmbz-vip .home-wealth-value small{ color:rgba(255,255,255,.62); font-family:'Geist',system-ui,sans-serif; font-size:13px; font-weight:750; letter-spacing:0; } #rmbz-vip .home-wealth-caption{ position:relative; margin-top:7px; color:rgba(255,255,255,.6); font-size:10.5px; line-height:1.4; } #rmbz-vip .home-wealth-breakdown{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr); align-items:center; gap:8px; margin-top:14px; } #rmbz-vip .home-wealth-breakdown>span{ min-width:0; padding:9px 11px; border:1px solid rgba(255,255,255,.09); border-radius:13px; background:rgba(255,255,255,.07); } #rmbz-vip .home-wealth-breakdown small{ display:block; overflow:hidden; color:rgba(255,255,255,.58); font-size:8px; line-height:1.25; font-weight:760; letter-spacing:.035em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; } #rmbz-vip .home-wealth-breakdown strong{ display:block; overflow:hidden; margin-top:4px; color:#fff; font-family:'JetBrains Mono',monospace; font-size:10.5px; line-height:1.25; font-weight:650; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .home-wealth-breakdown>i{ display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:rgba(255,255,255,.1); color:rgba(255,255,255,.78); font-size:15px; font-style:normal; } #rmbz-vip .home-wealth-actions{ position:relative; display:flex; gap:9px; flex-wrap:wrap; margin-top:auto; padding-top:17px; } #rmbz-vip .home-wealth-action{ min-height:42px; padding:9px 17px; font-size:11.5px; } #rmbz-vip .home-wealth-action.primary{ background:var(--brand); color:var(--on-brand); } #rmbz-vip .home-wealth-action.secondary{ background:rgba(255,255,255,.12); color:#fff; } #rmbz-vip .home-wealth-action .ms{ font-size:18px; } #rmbz-vip .home-finance-card{ min-height:218px; display:flex; flex-direction:column; padding:20px; border:1px solid var(--border); border-radius:25px; background:var(--surface); box-shadow:0 8px 28px -28px rgba(0,0,0,.65); } #rmbz-vip .home-finance-head{ display:flex; align-items:center; gap:10px; } #rmbz-vip .home-finance-icon{ width:40px; height:40px; flex:0 0 40px; align-items:center; justify-content:center; border-radius:13px; background:var(--brand-soft); color:var(--brand-ink); font-size:20px; font-variation-settings:'FILL' 1; } #rmbz-vip .home-finance-label{ color:var(--muted); font-size:9.5px; line-height:1.25; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } #rmbz-vip .home-finance-value{ margin-top:17px; color:var(--text); font-family:'JetBrains Mono',monospace; font-size:25px; line-height:1.1; font-weight:650; letter-spacing:-.02em; } #rmbz-vip .home-finance-value small{ color:var(--muted); font-family:'Geist',system-ui,sans-serif; font-size:10.5px; font-weight:750; } #rmbz-vip .home-finance-meta{ margin-top:7px; color:var(--muted); font-size:10.5px; line-height:1.5; } #rmbz-vip .home-finance-link{ display:inline-flex; align-items:center; gap:4px; align-self:flex-start; margin-top:auto; padding-top:13px; border:0; background:transparent; color:var(--brand-ink); font-family:inherit; font-size:10.5px; font-weight:780; cursor:pointer; } #rmbz-vip .home-finance-link .ms{ font-size:15px; } #rmbz-vip .home-live-banner{ display:flex; align-items:center; gap:11px; margin-top:14px; padding:12px 15px; border:1px solid color-mix(in srgb,var(--success) 24%,var(--border)); border-radius:17px; background:linear-gradient(120deg,var(--success-soft),var(--surface)); } #rmbz-vip .home-live-icon{ width:36px; height:36px; flex:0 0 36px; align-items:center; justify-content:center; border-radius:12px; background:var(--success); color:#fff; font-size:19px; font-variation-settings:'FILL' 1; } #rmbz-vip .home-live-copy{ color:var(--text2); font-size:11.5px; line-height:1.45; } #rmbz-vip .home-live-copy b{ color:var(--text); } #rmbz-vip .home-main-grid{ display:grid; grid-template-columns:1.35fr 1fr; gap:14px; margin-top:14px; } #rmbz-vip .home-panel{ min-width:0; padding:20px; border:1px solid var(--border); border-radius:25px; background:var(--surface); box-shadow:0 8px 28px -28px rgba(0,0,0,.65); } #rmbz-vip .home-panel-head{ display:flex; align-items:center; gap:11px; margin-bottom:14px; } #rmbz-vip .home-panel-icon{ width:40px; height:40px; flex:0 0 40px; align-items:center; justify-content:center; border-radius:13px; background:var(--brand-soft); color:var(--brand-ink); font-size:20px; font-variation-settings:'FILL' 1; } #rmbz-vip .home-panel-heading{ flex:1; min-width:0; } #rmbz-vip .home-panel-title{ color:var(--text); font-size:13px; line-height:1.3; font-weight:780; } #rmbz-vip .home-panel-subtitle{ margin-top:2px; color:var(--muted); font-size:10px; line-height:1.4; } #rmbz-vip .home-panel-link{ display:inline-flex; align-items:center; gap:4px; padding:7px 9px; border:0; border-radius:100px; background:var(--elev); color:var(--brand-ink); font-family:inherit; font-size:9.5px; font-weight:780; cursor:pointer; } #rmbz-vip .home-panel-link .ms{ font-size:14px; } #rmbz-vip .home-project-list{ display:flex; flex-direction:column; gap:8px; } #rmbz-vip .home-project-row{ display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:11px; align-items:center; min-width:0; padding:11px; border:1px solid var(--border); border-radius:17px; background:var(--elev); } #rmbz-vip .home-project-icon{ width:42px; height:42px; align-items:center; justify-content:center; border-radius:13px; background:var(--surface); color:var(--brand-ink); font-size:20px; font-variation-settings:'FILL' 1; } #rmbz-vip .home-project-copy{ min-width:0; } #rmbz-vip .home-project-name{ overflow:hidden; color:var(--text); font-size:12.5px; line-height:1.35; font-weight:760; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .home-project-meta{ display:flex; align-items:center; gap:6px; margin-top:3px; color:var(--muted); font-size:9.5px; } #rmbz-vip .home-project-progress{ height:4px; margin-top:7px; overflow:hidden; border-radius:100px; background:var(--border2); } #rmbz-vip .home-project-progress span{ display:block; height:100%; border-radius:inherit; background:var(--brand); } #rmbz-vip .home-project-status{ display:inline-flex; align-items:center; min-height:27px; padding:5px 9px; border-radius:100px; font-size:9.5px; font-weight:780; white-space:nowrap; } #rmbz-vip .home-empty{ min-height:104px; display:flex; align-items:center; gap:12px; padding:14px; border:1px dashed var(--border2); border-radius:17px; background:var(--elev); } #rmbz-vip .home-empty>.ms{ width:40px; height:40px; flex:0 0 40px; align-items:center; justify-content:center; border-radius:13px; background:var(--surface); color:var(--muted); font-size:20px; } #rmbz-vip .home-empty strong{ display:block; color:var(--text); font-size:11.5px; } #rmbz-vip .home-empty small{ display:block; margin-top:3px; color:var(--muted); font-size:10px; line-height:1.45; } #rmbz-vip .home-work-stats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } #rmbz-vip .home-work-stat{ min-width:0; padding:12px 10px; border:1px solid var(--border); border-radius:16px; background:var(--elev); } #rmbz-vip .home-work-stat>.ms{ width:29px; height:29px; align-items:center; justify-content:center; border-radius:10px; background:var(--surface); color:var(--brand-ink); font-size:16px; font-variation-settings:'FILL' 1; } #rmbz-vip .home-work-value{ margin-top:9px; overflow:hidden; color:var(--text); font-family:'JetBrains Mono',monospace; font-size:18px; line-height:1.1; font-weight:700; text-overflow:ellipsis; } #rmbz-vip .home-work-label{ margin-top:4px; color:var(--muted); font-size:8.5px; line-height:1.3; font-weight:780; letter-spacing:.05em; text-transform:uppercase; } #rmbz-vip .home-vip-note{ display:flex; align-items:center; gap:10px; margin-top:11px; padding:11px 12px; border-radius:15px; background:var(--brand-soft); color:var(--text2); font-size:10.5px; line-height:1.45; } #rmbz-vip .home-vip-note>.ms{ width:32px; height:32px; flex:0 0 32px; align-items:center; justify-content:center; border-radius:11px; background:var(--brand); color:var(--on-brand); font-size:18px; font-variation-settings:'FILL' 1; } #rmbz-vip .home-vip-note b{ color:var(--text); } #rmbz-vip .home-vip-unlock{ position:relative; isolation:isolate; display:grid; grid-template-columns:52px minmax(0,1fr) auto; align-items:center; gap:16px; overflow:hidden; padding:19px 20px; border:1px solid color-mix(in srgb,var(--danger) 58%,var(--border)); border-radius:24px; background:linear-gradient(125deg,color-mix(in srgb,var(--danger-soft) 86%,var(--surface)),var(--surface) 72%); box-shadow:0 18px 45px -38px color-mix(in srgb,var(--danger) 78%,transparent); } #rmbz-vip .home-vip-unlock-art{ position:absolute; z-index:-1; right:3%; font-size:142px; color:var(--danger); opacity:.075; transform:rotate(-10deg); font-variation-settings:'FILL' 1; pointer-events:none; } #rmbz-vip .home-vip-unlock-icon{ width:52px; height:52px; display:flex; align-items:center; justify-content:center; border-radius:17px; background:var(--danger); color:#fff; box-shadow:0 12px 26px -18px color-mix(in srgb,var(--danger) 88%,transparent); } #rmbz-vip .home-vip-unlock-icon .ms{ font-size:27px; font-variation-settings:'FILL' 1; } #rmbz-vip .home-vip-unlock-copy{ min-width:0; } #rmbz-vip .home-vip-unlock-eyebrow{ display:block; color:var(--danger); font-size:9.5px; line-height:1.2; font-weight:850; letter-spacing:.09em; text-transform:uppercase; } #rmbz-vip .home-vip-unlock h3{ margin:5px 0 0; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:19px; line-height:1.2; font-weight:780; letter-spacing:-.025em; } #rmbz-vip .home-vip-unlock p{ max-width:720px; margin:5px 0 0; color:var(--text2); font-size:11.5px; line-height:1.5; } #rmbz-vip .home-vip-unlock-benefits{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:10px; } #rmbz-vip .home-vip-unlock-benefits>span{ display:inline-flex; align-items:center; gap:4px; padding:5px 8px; border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border)); border-radius:100px; background:color-mix(in srgb,var(--surface) 84%,transparent); color:var(--text2); font-size:9px; font-weight:720; } #rmbz-vip .home-vip-unlock-benefits .ms{ color:var(--danger); font-size:13px; font-variation-settings:'FILL' 1; } #rmbz-vip .home-vip-unlock-action{ min-height:43px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:10px 15px; border:0; border-radius:100px; background:var(--danger); color:#fff; font-family:inherit; font-size:10.5px; font-weight:820; white-space:nowrap; cursor:pointer; box-shadow:0 12px 25px -20px color-mix(in srgb,var(--danger) 92%,transparent); transition:transform .18s ease,box-shadow .18s ease; } #rmbz-vip .home-vip-unlock-action:hover{ transform:translateY(-1px); box-shadow:0 15px 28px -20px color-mix(in srgb,var(--danger) 92%,transparent); } #rmbz-vip .home-vip-unlock-action .ms{ font-size:17px; } #rmbz-vip .home-utility-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px; } #rmbz-vip .home-utility-card{ min-width:0; padding:18px; border:1px solid var(--border); border-radius:23px; background:var(--surface); } #rmbz-vip .home-utility-head{ display:flex; align-items:center; gap:10px; } #rmbz-vip .home-utility-head>div{ flex:1; min-width:0; } #rmbz-vip .home-utility-icon{ width:38px; height:38px; flex:0 0 38px; align-items:center; justify-content:center; border-radius:12px; background:var(--brand-soft); color:var(--brand-ink); font-size:20px; font-variation-settings:'FILL' 1; } #rmbz-vip .home-utility-title{ color:var(--text); font-size:12.5px; font-weight:780; } #rmbz-vip .home-utility-text{ margin:3px 0 0; color:var(--muted); font-size:10.5px; line-height:1.45; } #rmbz-vip .home-utility-badge{ margin-left:auto; display:inline-flex; min-height:27px; align-items:center; padding:5px 8px; border-radius:100px; background:var(--elev); color:var(--brand-ink); font-size:9.5px; font-weight:780; white-space:nowrap; } #rmbz-vip .home-utility-form{ display:flex; gap:8px; margin-top:13px; } #rmbz-vip .home-utility-input{ min-width:0; min-height:43px; padding:10px 13px; border-radius:13px; font-size:12.5px; } #rmbz-vip .home-utility-action{ min-height:43px; justify-content:center; padding:9px 15px; background:var(--brand); color:var(--on-brand); font-size:11px; } #rmbz-vip .home-utility-action.outlined{ border:1px solid var(--border2); background:transparent; color:var(--brand-ink); } #rmbz-vip .home-utility-action .ms{ font-size:17px; } /* Centro de comando vivo do Início. */ #rmbz-vip .home-command{ display:flex; flex-direction:column; gap:14px; } #rmbz-vip .home-command.is-syncing .home-command-sync{ border-color:color-mix(in srgb,var(--success) 35%,var(--border)); } #rmbz-vip .home-command-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; } #rmbz-vip .home-command-kicker{ display:inline-flex; align-items:center; gap:7px; color:var(--success); font-size:10.5px; line-height:1.2; font-weight:820; letter-spacing:.08em; text-transform:uppercase; } #rmbz-vip .home-live-dot{ width:8px; height:8px; border-radius:50%; background:var(--success); box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 13%,transparent); animation:rmbzHomeLive 2.2s ease-in-out infinite; } @keyframes rmbzHomeLive{ 50%{ box-shadow:0 0 0 9px color-mix(in srgb,var(--success) 0%,transparent); } } #rmbz-vip .home-command-head h2{ margin:7px 0 0; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:21px; line-height:1.2; font-weight:760; letter-spacing:-.02em; } #rmbz-vip .home-command-head p{ margin:4px 0 0; color:var(--muted); font-size:12px; line-height:1.45; } #rmbz-vip .home-command-sync{ display:flex; align-items:center; gap:7px; min-height:38px; padding:5px 6px 5px 11px; border:1px solid var(--border); border-radius:100px; background:var(--surface); color:var(--muted); font-size:10.5px; font-weight:680; white-space:nowrap; } #rmbz-vip .home-command-sync>.ms{ color:var(--success); font-size:15px; } #rmbz-vip .home-command.is-syncing .home-command-sync>.ms{ animation:rmbzHomeSpin .8s linear infinite; } @keyframes rmbzHomeSpin{ to{ transform:rotate(360deg); } } #rmbz-vip .home-command-sync button{ width:28px; height:28px; display:flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:var(--elev); color:var(--text2); cursor:pointer; } #rmbz-vip .home-command-sync button .ms{ font-size:17px; } #rmbz-vip .home-intelligence{ position:relative; overflow:hidden; display:grid; grid-template-columns:54px minmax(0,1fr) auto; gap:17px; align-items:center; min-height:160px; padding:23px 24px; border:1px solid color-mix(in srgb,var(--home-tone) 32%,var(--border)); border-radius:27px; background:linear-gradient(120deg,color-mix(in srgb,var(--home-tone) 14%,var(--surface)),var(--surface) 65%); box-shadow:0 18px 50px -44px color-mix(in srgb,var(--home-tone) 80%,#000); --home-tone:var(--brand); } #rmbz-vip .home-intelligence::after{ content:''; position:absolute; width:230px; height:230px; right:-100px; top:-145px; border-radius:50%; background:color-mix(in srgb,var(--home-tone) 9%,transparent); pointer-events:none; } #rmbz-vip .home-tone-danger{ --home-tone:var(--danger); } #rmbz-vip .home-tone-warning{ --home-tone:var(--rev); } #rmbz-vip .home-tone-success{ --home-tone:var(--success); } #rmbz-vip .home-tone-info{ --home-tone:var(--info); } #rmbz-vip .home-tone-brand{ --home-tone:var(--brand-ink); } #rmbz-vip .home-intelligence-icon{ position:relative; width:54px; height:54px; display:flex; align-items:center; justify-content:center; border-radius:18px; background:var(--home-tone); color:#fff; box-shadow:0 12px 24px -18px var(--home-tone); } #rmbz-vip .home-tone-brand .home-intelligence-icon{ background:var(--brand); color:var(--on-brand); } #rmbz-vip .home-intelligence-icon .ms{ font-size:27px; font-variation-settings:'FILL' 1; } #rmbz-vip .home-intelligence-copy{ position:relative; min-width:0; } #rmbz-vip .home-intelligence-eyebrow{ color:var(--home-tone); font-size:10.5px; line-height:1.2; font-weight:820; letter-spacing:.08em; text-transform:uppercase; } #rmbz-vip .home-intelligence-copy h3{ margin:6px 0 0; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:21px; line-height:1.22; font-weight:760; letter-spacing:-.018em; } #rmbz-vip .home-intelligence-copy p{ max-width:780px; margin:6px 0 0; color:var(--text2); font-size:12.5px; line-height:1.55; } #rmbz-vip .home-intelligence-meta{ display:flex; align-items:center; gap:8px 15px; flex-wrap:wrap; margin-top:12px; color:var(--muted); font-size:10px; } #rmbz-vip .home-intelligence-meta span{ display:inline-flex; align-items:center; gap:5px; } #rmbz-vip .home-intelligence-meta .ms{ color:var(--home-tone); font-size:14px; } #rmbz-vip .home-intelligence-action{ position:relative; z-index:1; min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:10px 16px; border:0; border-radius:100px; background:var(--home-tone); color:#fff; font-family:inherit; font-size:11.5px; font-weight:800; cursor:pointer; white-space:nowrap; } #rmbz-vip .home-tone-brand .home-intelligence-action{ background:var(--brand); color:var(--on-brand); } #rmbz-vip .home-intelligence-action .ms{ font-size:17px; } #rmbz-vip .home-now-live{ width:100%; display:grid; grid-template-columns:42px minmax(0,1fr) auto 20px; gap:12px; align-items:center; padding:12px 15px; border:1px solid color-mix(in srgb,var(--success) 32%,var(--border)); border-radius:18px; background:linear-gradient(110deg,var(--success-soft),var(--surface)); color:var(--text); text-align:left; cursor:pointer; } #rmbz-vip .home-now-live-icon{ width:42px; height:42px; align-items:center; justify-content:center; border-radius:14px; background:var(--success); color:#fff; font-size:21px; font-variation-settings:'FILL' 1; } #rmbz-vip .home-now-live b,#rmbz-vip .home-now-live small{ display:block; } #rmbz-vip .home-now-live b{ font-size:12.5px; } #rmbz-vip .home-now-live small{ margin-top:2px; color:var(--muted); font-size:10.5px; } #rmbz-vip .home-now-live-state{ display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:100px; background:color-mix(in srgb,var(--success) 12%,var(--surface)); color:var(--success); font-size:9.5px; font-weight:850; letter-spacing:.06em; } #rmbz-vip .home-now-live-state i{ width:6px; height:6px; border-radius:50%; background:currentColor; } #rmbz-vip .home-command-finance{ margin-top:0; } #rmbz-vip .home-command-section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-top:5px; } #rmbz-vip .home-command-section-head span:first-child{ color:var(--brand-ink); font-size:9.5px; font-weight:820; letter-spacing:.09em; text-transform:uppercase; } #rmbz-vip .home-command-section-head h3{ margin:4px 0 0; color:var(--text); font-size:16px; line-height:1.25; font-weight:780; } #rmbz-vip .home-command-count{ display:inline-flex; padding:6px 9px; border-radius:100px; background:var(--brand-soft); color:var(--brand-ink); font-size:9.5px; font-weight:800; } #rmbz-vip .home-module-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } #rmbz-vip .home-module-card{ --module-accent:#6b7280; position:relative; isolation:isolate; overflow:hidden; min-width:0; min-height:168px; display:flex; flex-direction:column; padding:0 17px 15px; border:1px solid color-mix(in srgb,var(--module-accent) 18%,var(--border)); border-radius:22px; background:linear-gradient(145deg,color-mix(in srgb,var(--module-accent) 7%,var(--surface)) 0%,var(--surface) 48%); color:var(--text); text-align:left; font-family:inherit; cursor:pointer; box-shadow:0 15px 36px -34px color-mix(in srgb,var(--module-accent) 65%,transparent); transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; } #rmbz-vip .home-module-card::after{ content:''; position:absolute; z-index:-1; width:128px; height:128px; right:-70px; top:-78px; border-radius:50%; background:color-mix(in srgb,var(--module-accent) 9%,transparent); pointer-events:none; } #rmbz-vip .home-module-card:hover{ transform:translateY(-2px); border-color:color-mix(in srgb,var(--module-accent) 42%,var(--border)); box-shadow:0 20px 42px -32px color-mix(in srgb,var(--module-accent) 72%,transparent); } #rmbz-vip .home-module-card:focus-visible{ outline:3px solid color-mix(in srgb,var(--module-accent) 32%,transparent); outline-offset:2px; } #rmbz-vip .home-module-accent{ position:absolute; inset:0 0 auto; height:4px; background:var(--module-accent); } #rmbz-vip .home-module-head{ min-width:0; display:grid; grid-template-columns:42px minmax(0,1fr) 29px; gap:10px; align-items:center; padding-top:16px; } #rmbz-vip .home-module-icon{ width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:14px; background:color-mix(in srgb,var(--module-accent) 14%,var(--elev)); color:var(--module-accent); font-size:21px; font-variation-settings:'FILL' 1; } #rmbz-vip .home-module-title{ min-width:0; overflow:hidden; color:var(--text); font-size:12px; line-height:1.25; font-weight:800; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .home-module-arrow{ width:29px; height:29px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:color-mix(in srgb,var(--module-accent) 9%,var(--elev)); color:var(--module-accent); font-size:16px; transition:transform .16s ease,background .16s ease; } #rmbz-vip .home-module-card:hover .home-module-arrow{ transform:translateX(2px); background:color-mix(in srgb,var(--module-accent) 16%,var(--elev)); } #rmbz-vip .home-module-metric{ min-width:0; min-height:42px; display:flex; align-items:baseline; gap:8px; padding:13px 0 9px; } #rmbz-vip .home-module-number{ min-width:0; overflow:hidden; color:var(--text); font-family:'JetBrains Mono',monospace; font-size:23px; line-height:1.08; font-weight:720; letter-spacing:-.035em; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .home-module-label{ min-width:0; overflow:hidden; color:var(--module-accent); font-size:9.5px; line-height:1.25; font-weight:780; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .home-module-divider{ width:100%; height:1px; background:linear-gradient(90deg,color-mix(in srgb,var(--module-accent) 52%,transparent),var(--border) 58%,transparent); } #rmbz-vip .home-module-foot{ min-width:0; display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:10px; } #rmbz-vip .home-module-meta{ min-width:0; flex:1; overflow:hidden; color:var(--muted); font-size:9.5px; line-height:1.35; font-weight:620; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .home-module-badge{ flex:0 0 auto; display:inline-flex; max-width:48%; min-height:24px; align-items:center; padding:4px 8px; overflow:hidden; border:1px solid color-mix(in srgb,var(--module-accent) 20%,transparent); border-radius:100px; background:color-mix(in srgb,var(--module-accent) 11%,var(--surface)); color:var(--module-accent); font-size:8.5px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .home-module-card.home-tone-warning .home-module-badge{ border-color:color-mix(in srgb,var(--rev) 28%,transparent); background:var(--rev-soft); color:var(--rev); } #rmbz-vip .home-theme-video{ --module-accent:#8b5cf6; } #rmbz-vip .home-theme-submissions{ --module-accent:#3b82f6; } #rmbz-vip .home-theme-distribution{ --module-accent:#14a89a; } #rmbz-vip .home-theme-catalog{ --module-accent:#e98b16; } #rmbz-vip .home-theme-earnings{ --module-accent:#0b9f70; } #rmbz-vip .home-theme-sales{ --module-accent:#db3f83; } #rmbz-vip .home-theme-protection{ --module-accent:#5965df; } #rmbz-vip .home-theme-ai{ --module-accent:#9b4de0; } #rmbz-vip .home-theme-vip{ --module-accent:#b58a00; } #rmbz-vip .home-command-bottom{ display:grid; grid-template-columns:1.25fr .75fr; gap:14px; } #rmbz-vip .home-activity-panel,#rmbz-vip .home-quick-panel{ min-width:0; padding:19px; border:1px solid var(--border); border-radius:24px; background:var(--surface); } #rmbz-vip .home-command-panel-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; } #rmbz-vip .home-command-panel-head>div{ display:flex; align-items:center; gap:10px; min-width:0; } #rmbz-vip .home-command-panel-head>div>.ms{ width:37px; height:37px; flex:0 0 37px; align-items:center; justify-content:center; border-radius:12px; background:var(--brand-soft); color:var(--brand-ink); font-size:19px; font-variation-settings:'FILL' 1; } #rmbz-vip .home-command-panel-head h3{ margin:0; color:var(--text); font-size:13px; font-weight:800; } #rmbz-vip .home-command-panel-head p{ margin:2px 0 0; color:var(--muted); font-size:10px; line-height:1.4; } #rmbz-vip .home-command-panel-head>span{ padding:5px 8px; border-radius:100px; background:var(--danger-soft); color:var(--danger); font-size:9px; font-weight:800; white-space:nowrap; } #rmbz-vip .home-activity-list{ display:flex; flex-direction:column; } #rmbz-vip .home-activity-row{ display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 0; border-bottom:1px solid var(--border); } #rmbz-vip .home-activity-row[data-nav]{ cursor:pointer; } #rmbz-vip .home-activity-icon{ width:38px; height:38px; align-items:center; justify-content:center; border-radius:12px; background:color-mix(in srgb,var(--home-tone) 12%,var(--elev)); color:var(--home-tone); font-size:18px; font-variation-settings:'FILL' 1; } #rmbz-vip .home-activity-copy{ min-width:0; } #rmbz-vip .home-activity-copy b{ display:block; overflow:hidden; color:var(--text); font-size:11.5px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .home-activity-copy small{ display:block; margin-top:2px; overflow:hidden; color:var(--muted); font-size:9.5px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .home-activity-row time{ color:var(--muted); font-size:8.5px; white-space:nowrap; } #rmbz-vip .home-activity-all{ margin-top:11px; } #rmbz-vip .home-activity-empty{ min-height:110px; display:flex; align-items:center; justify-content:center; gap:11px; color:var(--muted); } #rmbz-vip .home-activity-empty>.ms{ width:40px; height:40px; align-items:center; justify-content:center; border-radius:13px; background:var(--success-soft); color:var(--success); font-size:21px; } #rmbz-vip .home-activity-empty b,#rmbz-vip .home-activity-empty small{ display:block; } #rmbz-vip .home-activity-empty b{ color:var(--text); font-size:12px; } #rmbz-vip .home-activity-empty small{ margin-top:2px; font-size:10px; } #rmbz-vip .home-quick-grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; } #rmbz-vip .home-quick-grid button{ min-width:0; min-height:48px; display:grid; grid-template-columns:25px minmax(0,1fr) 17px; gap:7px; align-items:center; padding:9px 10px; border:1px solid var(--border); border-radius:15px; background:var(--elev); color:var(--text); text-align:left; font-family:inherit; cursor:pointer; } #rmbz-vip .home-quick-grid button>.ms:first-child{ color:var(--brand-ink); font-size:18px; } #rmbz-vip .home-quick-grid button>.ms:last-child{ color:var(--muted); font-size:15px; } #rmbz-vip .home-quick-grid b{ overflow:hidden; font-size:10.5px; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .home-ai-upsell{ width:100%; display:grid; grid-template-columns:34px minmax(0,1fr) 18px; gap:9px; align-items:center; margin-top:10px; padding:11px; border:1px solid color-mix(in srgb,var(--brand) 25%,var(--border)); border-radius:16px; background:var(--brand-soft); color:var(--text); text-align:left; font-family:inherit; cursor:pointer; } #rmbz-vip .home-ai-upsell>.ms:first-child{ width:34px; height:34px; align-items:center; justify-content:center; border-radius:11px; background:var(--brand); color:var(--on-brand); font-size:19px; } #rmbz-vip .home-ai-upsell b,#rmbz-vip .home-ai-upsell small{ display:block; } #rmbz-vip .home-ai-upsell b{ font-size:11px; } #rmbz-vip .home-ai-upsell small{ margin-top:2px; color:var(--muted); font-size:9px; line-height:1.35; } #rmbz-vip .home-ai-upsell>.ms:last-child{ color:var(--brand-ink); font-size:17px; } @media (max-width:1180px){ #rmbz-vip .home-module-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } #rmbz-vip .home-command-bottom{ grid-template-columns:1fr; } } @media (max-width:760px){ #rmbz-vip .home-command-head{ align-items:flex-start; } #rmbz-vip .home-command-sync{ font-size:0; padding-left:6px; } #rmbz-vip .home-command-sync>span[data-home-live-status]{ display:none; } #rmbz-vip .home-intelligence{ grid-template-columns:48px minmax(0,1fr); padding:19px; } #rmbz-vip .home-intelligence-icon{ width:48px; height:48px; border-radius:16px; } #rmbz-vip .home-intelligence-action{ grid-column:1 / -1; width:100%; } #rmbz-vip .home-module-grid{ grid-template-columns:1fr; } #rmbz-vip .home-now-live{ grid-template-columns:40px minmax(0,1fr) 18px; } #rmbz-vip .home-now-live-state{ display:none; } } @media (max-width:520px){ #rmbz-vip .home-command-head h2{ font-size:18px; } #rmbz-vip .home-command-head p{ display:none; } #rmbz-vip .home-intelligence{ grid-template-columns:42px minmax(0,1fr); gap:12px; border-radius:22px; } #rmbz-vip .home-intelligence-icon{ width:42px; height:42px; border-radius:14px; } #rmbz-vip .home-intelligence-icon .ms{ font-size:23px; } #rmbz-vip .home-intelligence-copy h3{ font-size:17px; } #rmbz-vip .home-intelligence-copy p{ font-size:11.5px; } #rmbz-vip .home-intelligence-meta span:nth-child(2){ display:none; } #rmbz-vip .home-module-card{ min-height:152px; padding:0 14px 14px; } #rmbz-vip .home-activity-panel,#rmbz-vip .home-quick-panel{ padding:15px; border-radius:21px; } #rmbz-vip .home-activity-row{ grid-template-columns:36px minmax(0,1fr); } #rmbz-vip .home-activity-row time{ grid-column:2; } #rmbz-vip .home-quick-grid{ grid-template-columns:1fr; } } @media (max-width:1180px){ #rmbz-vip .home-finance-grid{ grid-template-columns:1fr 1fr; } #rmbz-vip .home-wealth-card{ grid-column:1 / -1; min-height:202px; } #rmbz-vip .home-main-grid{ grid-template-columns:1fr; } } @media (max-width:760px){ #rmbz-vip .vip-page-head{ align-items:flex-start; } #rmbz-vip .vip-page-title{ font-size:25px; } #rmbz-vip .vip-page-notif{ width:44px; min-width:44px; padding:0; justify-content:center; font-size:0; } #rmbz-vip .vip-page-notif-count{ position:absolute; top:-5px; right:-5px; } #rmbz-vip .home-finance-grid,#rmbz-vip .home-utility-grid{ grid-template-columns:1fr; } #rmbz-vip .home-wealth-card{ grid-column:auto; } #rmbz-vip .home-finance-card{ min-height:172px; } #rmbz-vip .home-vip-unlock{ grid-template-columns:48px minmax(0,1fr); padding:17px; border-radius:22px; } #rmbz-vip .home-vip-unlock-icon{ width:48px; height:48px; border-radius:16px; } #rmbz-vip .home-vip-unlock-action{ grid-column:1 / -1; width:100%; } } @media (max-width:430px){ #rmbz-vip .home-vip-unlock{ grid-template-columns:42px minmax(0,1fr); gap:12px; padding:15px; } #rmbz-vip .home-vip-unlock-icon{ width:42px; height:42px; border-radius:14px; } #rmbz-vip .home-vip-unlock-icon .ms{ font-size:23px; } #rmbz-vip .home-vip-unlock h3{ font-size:17px; } #rmbz-vip .home-vip-unlock-benefits{ gap:5px; } #rmbz-vip .home-vip-unlock-benefits>span{ padding:5px 7px; } } @media (max-width:520px){ #rmbz-vip .home-wealth-card{ min-height:224px; padding:21px; } #rmbz-vip .home-wealth-value{ font-size:32px; } #rmbz-vip .home-wealth-action{ flex:1; justify-content:center; } #rmbz-vip .home-panel,#rmbz-vip .home-utility-card{ padding:16px; border-radius:21px; } #rmbz-vip .home-work-stats{ grid-template-columns:1fr; } #rmbz-vip .home-work-stat{ display:grid; grid-template-columns:32px minmax(0,1fr); grid-template-rows:auto auto; gap:0 10px; align-items:center; } #rmbz-vip .home-work-stat>.ms{ grid-row:1 / span 2; } #rmbz-vip .home-work-value{ margin-top:0; } #rmbz-vip .home-project-row{ grid-template-columns:38px minmax(0,1fr); } #rmbz-vip .home-project-icon{ width:38px; height:38px; } #rmbz-vip .home-project-status{ grid-column:2; justify-self:start; } #rmbz-vip .home-utility-head{ align-items:flex-start; flex-wrap:wrap; } #rmbz-vip .home-utility-badge{ margin-left:48px; } #rmbz-vip .home-utility-form{ flex-wrap:wrap; } #rmbz-vip .home-utility-action{ flex:1; } } #rmbz-vip .finance-hero{ position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr); gap:22px; align-items:stretch; min-height:230px; padding:25px 27px; border:1px solid rgba(255,255,255,.08); border-radius:28px; background:linear-gradient(125deg,#17243a 0%,#213b4f 54%,#24513a 100%); color:#fff; box-shadow:0 22px 56px -48px rgba(10,24,39,.95); } #rmbz-vip .finance-hero::after{ content:''; position:absolute; width:260px; height:260px; right:-86px; top:-132px; border-radius:50%; background:rgba(255,255,255,.045); pointer-events:none; } #rmbz-vip .finance-hero-main{ position:relative; min-width:0; display:flex; flex-direction:column; } #rmbz-vip .finance-hero-head{ display:flex; align-items:center; gap:9px; color:rgba(255,255,255,.68); font-size:11px; font-weight:820; letter-spacing:.08em; text-transform:uppercase; } #rmbz-vip .finance-hero-head>.ms{ width:31px; height:31px; align-items:center; justify-content:center; border-radius:10px; background:rgba(240,185,11,.15); color:#f0b90b; font-size:18px; font-variation-settings:'FILL' 1; } #rmbz-vip .finance-hero-value{ margin-top:17px; color:#fff; font-family:'JetBrains Mono',monospace; font-size:38px; line-height:1.08; font-weight:680; letter-spacing:-.045em; } #rmbz-vip .finance-hero-value small{ margin-left:5px; color:rgba(255,255,255,.58); font-family:'Geist',system-ui,sans-serif; font-size:12px; font-weight:760; letter-spacing:0; } #rmbz-vip .finance-hero-royalties{ align-self:flex-start; display:inline-flex; align-items:center; gap:7px; min-height:33px; margin-top:10px; padding:7px 11px; border:1px solid rgba(255,255,255,.09); border-radius:100px; background:rgba(255,255,255,.075); color:rgba(255,255,255,.7); font-size:10.5px; } #rmbz-vip .finance-hero-royalties>.ms{ color:#f6cf43; font-size:16px; font-variation-settings:'FILL' 1; } #rmbz-vip .finance-hero-royalties strong{ color:#fff; font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:720; letter-spacing:-.02em; } #rmbz-vip .finance-balance-facts{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:11px; } #rmbz-vip .finance-balance-fact{ display:inline-flex; align-items:center; gap:6px; min-height:31px; padding:6px 10px; border-radius:100px; background:rgba(255,255,255,.075); color:rgba(255,255,255,.68); font-size:10.5px; } #rmbz-vip .finance-balance-fact .ms{ font-size:14px; } #rmbz-vip .finance-balance-fact b{ color:#fff; font-weight:760; } #rmbz-vip .finance-hero-actions{ display:flex; gap:8px; flex-wrap:wrap; margin-top:auto; padding-top:17px; } #rmbz-vip .finance-action{ min-height:43px; padding:9px 16px; font-size:12px; } #rmbz-vip .finance-action.primary{ background:var(--brand); color:var(--on-brand); } #rmbz-vip .finance-action.secondary{ background:rgba(255,255,255,.11); color:#fff; } #rmbz-vip .finance-action .ms{ font-size:17px; } #rmbz-vip .finance-hero-metrics{ position:relative; display:grid; grid-template-columns:1fr 1fr; gap:9px; align-content:center; } #rmbz-vip .finance-metric{ min-width:0; min-height:84px; padding:13px; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:rgba(255,255,255,.07); backdrop-filter:blur(10px); } #rmbz-vip .finance-metric.wide{ grid-column:1 / -1; min-height:70px; display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:10px; align-items:center; } #rmbz-vip .finance-metric-label{ color:rgba(255,255,255,.6); font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; } #rmbz-vip .finance-metric-value{ margin-top:7px; overflow:hidden; color:#fff; font-family:'JetBrains Mono',monospace; font-size:16px; font-weight:680; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .finance-metric.credit .finance-metric-value{ color:#6ee7b7; } #rmbz-vip .finance-metric.debit .finance-metric-value{ color:#fca5a5; } #rmbz-vip .finance-metric-icon{ width:40px; height:40px; align-items:center; justify-content:center; border-radius:13px; background:rgba(240,185,11,.15); color:#f0b90b; font-size:20px; } #rmbz-vip .finance-metric-pending{ display:inline-flex; align-items:center; min-height:29px; padding:5px 9px; border-radius:100px; background:rgba(240,185,11,.14); color:#f6cf54; font-size:10px; font-weight:780; white-space:nowrap; } #rmbz-vip .finance-tabs{ display:flex; gap:7px; overflow-x:auto; margin:14px 0 13px; padding:2px 1px; scrollbar-width:none; } #rmbz-vip .finance-tab{ flex:0 0 auto; min-height:41px; display:inline-flex; align-items:center; gap:7px; padding:8px 14px; border:1px solid var(--border); border-radius:100px; background:var(--surface); color:var(--text2); font-size:12px; font-weight:720; transition:background .15s,border-color .15s,color .15s; } #rmbz-vip .finance-tab:hover{ background:var(--hover); } #rmbz-vip .finance-tab.active{ border-color:color-mix(in srgb,var(--brand) 70%,var(--border)); background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .finance-tab>.ms{ font-size:17px; } #rmbz-vip .finance-tab-count{ min-width:21px; height:21px; display:inline-flex; align-items:center; justify-content:center; padding:0 6px; border-radius:100px; background:var(--elev); color:var(--muted); font-family:'JetBrains Mono',monospace; font-size:10px; } #rmbz-vip .finance-tab.active .finance-tab-count{ background:var(--brand); color:var(--on-brand); } #rmbz-vip .finance-panels{ display:grid; grid-template-columns:1fr 1fr; gap:13px; align-items:start; } #rmbz-vip .finance-panels.single{ grid-template-columns:1fr; } #rmbz-vip .finance-panel{ min-width:0; padding:18px; border-radius:23px; } #rmbz-vip .finance-panel-head{ display:flex; align-items:center; gap:10px; margin-bottom:11px; } #rmbz-vip .finance-panel-icon{ width:39px; height:39px; flex:0 0 39px; align-items:center; justify-content:center; border-radius:13px; background:var(--brand-soft); color:var(--brand-ink); font-size:20px; font-variation-settings:'FILL' 1; } #rmbz-vip .finance-panel-copy{ flex:1; min-width:0; } #rmbz-vip .finance-panel-title{ color:var(--text); font-size:14px; font-weight:800; } #rmbz-vip .finance-panel-subtitle{ margin-top:3px; color:var(--muted); font-size:11px; } #rmbz-vip .finance-panel-count{ display:inline-flex; min-height:29px; align-items:center; padding:5px 9px; border-radius:100px; background:var(--elev); color:var(--text2); font-size:10px; font-weight:780; } #rmbz-vip .finance-request-list{ display:flex; flex-direction:column; gap:7px; } #rmbz-vip .finance-request{ display:grid; grid-template-columns:40px minmax(0,1fr) auto auto; gap:10px; align-items:center; min-width:0; padding:10px; border:1px solid var(--border); border-radius:16px; background:var(--elev); } #rmbz-vip .finance-request-icon{ width:40px; height:40px; align-items:center; justify-content:center; border-radius:13px; background:var(--surface); color:var(--brand-ink); font-size:20px; } #rmbz-vip .finance-request-copy{ min-width:0; } #rmbz-vip .finance-request-value{ overflow:hidden; color:var(--text); font-size:13.5px; font-weight:760; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .finance-request-meta{ display:flex; align-items:center; gap:5px; margin-top:4px; overflow:hidden; color:var(--muted); font-size:10.5px; white-space:nowrap; } #rmbz-vip .finance-request-meta>.ms{ font-size:13px; } #rmbz-vip .finance-request-status{ display:inline-flex; align-items:center; min-height:28px; padding:5px 9px; border-radius:100px; font-size:10px; font-weight:780; white-space:nowrap; } #rmbz-vip .finance-request-detail{ min-height:33px; padding:6px 10px; border:1px solid var(--border2); background:var(--surface); color:var(--text2); font-size:10.5px; } #rmbz-vip .finance-empty{ min-height:125px; display:flex; align-items:center; justify-content:center; gap:11px; padding:17px; border:1px dashed var(--border2); border-radius:17px; background:var(--elev); text-align:left; } #rmbz-vip .finance-empty>.ms{ width:42px; height:42px; flex:0 0 42px; align-items:center; justify-content:center; border-radius:14px; background:var(--surface); color:var(--muted); font-size:21px; } #rmbz-vip .finance-empty strong{ display:block; color:var(--text); font-size:12.5px; } #rmbz-vip .finance-empty small{ display:block; margin-top:3px; color:var(--muted); font-size:11px; line-height:1.45; } #rmbz-vip .finance-statement{ margin-top:13px; padding:0; overflow:hidden; border-radius:24px; } #rmbz-vip .finance-statement-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px 19px; border-bottom:1px solid var(--border); } #rmbz-vip .finance-statement-heading{ display:flex; align-items:center; gap:10px; min-width:0; } #rmbz-vip .finance-statement-icon{ width:40px; height:40px; flex:0 0 40px; align-items:center; justify-content:center; border-radius:13px; background:var(--brand-soft); color:var(--brand-ink); font-size:20px; } #rmbz-vip .finance-statement-title{ color:var(--text); font-size:14px; font-weight:800; } #rmbz-vip .finance-statement-subtitle{ margin-top:3px; color:var(--muted); font-size:11px; } #rmbz-vip .finance-statement-open{ min-height:38px; padding:7px 12px; border:1px solid var(--border2); background:var(--surface); color:var(--brand-ink); font-size:11px; } #rmbz-vip .finance-filter{ display:flex; align-items:end; gap:8px; flex-wrap:wrap; padding:13px 19px; border-bottom:1px solid var(--border); background:var(--elev); } #rmbz-vip .finance-filter-label{ display:block; margin:0 0 5px 2px; color:var(--muted); font-size:10px; font-weight:780; letter-spacing:.06em; text-transform:uppercase; } #rmbz-vip .finance-filter-search{ min-height:40px; display:flex; align-items:center; gap:7px; padding:0 11px; border:1px solid var(--border2); border-radius:13px; background:var(--surface); } #rmbz-vip .finance-filter-search>.ms{ color:var(--muted); font-size:17px; } #rmbz-vip .finance-filter-search input{ width:100%; min-width:0; padding:10px 0; border:0; outline:0; background:transparent; color:var(--text); font-family:inherit; font-size:12px; font-weight:620; } #rmbz-vip .finance-filter-action{ min-height:40px; justify-content:center; padding:8px 12px; font-size:11px; } #rmbz-vip .finance-transactions{ padding:4px 19px 8px; } #rmbz-vip .finance-transaction{ display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:11px; align-items:center; padding:11px 0; border-bottom:1px solid var(--border); } #rmbz-vip .finance-transaction-icon{ width:40px; height:40px; align-items:center; justify-content:center; border-radius:13px; font-size:19px; } #rmbz-vip .finance-transaction-copy{ min-width:0; } #rmbz-vip .finance-transaction-title{ overflow:hidden; color:var(--text); font-size:13px; font-weight:740; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .finance-transaction-meta{ display:flex; align-items:center; gap:5px; flex-wrap:wrap; margin-top:4px; color:var(--muted); font-size:10.5px; } #rmbz-vip .finance-transaction-state{ font-weight:720; } #rmbz-vip .finance-transaction-value{ color:var(--text); font-size:13px; font-weight:720; white-space:nowrap; } #rmbz-vip .finance-transaction-side{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; } #rmbz-vip .finance-transaction-detail{ min-height:30px; gap:5px; padding:5px 9px; border:1px solid var(--border2); background:var(--surface); color:var(--brand-ink); font-size:10px; } #rmbz-vip .finance-transaction-detail .ms{ font-size:14px; } #rmbz-vip .finance-transaction.is-monetization-group{ margin:5px 0; padding:12px; border:1px solid color-mix(in srgb,var(--success) 24%,var(--border)); border-radius:17px; background:linear-gradient(135deg,var(--success-soft),var(--surface) 72%); } #rmbz-vip .finance-transaction.is-monetization-group+.finance-transaction{ border-top:0; } #rmbz-vip .dialog.finance-monetization-dialog{ width:min(920px,calc(100vw - 48px)); max-width:920px; max-height:calc(100dvh - 48px); display:grid; grid-template-rows:auto auto minmax(0,1fr); overflow:hidden; padding:0; border-radius:28px; } #rmbz-vip .finance-monetization-head{ display:grid; grid-template-columns:48px minmax(0,1fr) 40px; gap:12px; align-items:start; padding:21px; border-bottom:1px solid var(--border); background:linear-gradient(135deg,var(--success-soft),var(--surface)); } #rmbz-vip .finance-monetization-head-icon{ width:48px; height:48px; align-items:center; justify-content:center; border-radius:16px; background:var(--success); color:#fff; font-size:24px; font-variation-settings:'FILL' 1; } #rmbz-vip .finance-monetization-eyebrow{ margin-bottom:4px; color:var(--success); font-size:9.5px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; } #rmbz-vip .finance-monetization-head h2{ margin:0; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:20px; line-height:1.18; } #rmbz-vip .finance-monetization-head p{ margin:5px 0 0; color:var(--muted); font-size:11px; line-height:1.45; } #rmbz-vip .finance-monetization-close{ width:40px; height:40px; display:flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:var(--elev); color:var(--text2); cursor:pointer; } #rmbz-vip .finance-monetization-summary{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; padding:16px 20px; } #rmbz-vip .finance-monetization-summary>div{ display:grid; grid-template-columns:34px minmax(0,1fr); gap:1px 9px; align-items:center; padding:12px; border:1px solid var(--border); border-radius:16px; background:var(--elev); } #rmbz-vip .finance-monetization-summary .ms{ grid-row:1 / span 2; width:34px; height:34px; align-items:center; justify-content:center; border-radius:11px; background:var(--success-soft); color:var(--success); font-size:18px; } #rmbz-vip .finance-monetization-summary small{ color:var(--muted); font-size:9.5px; font-weight:760; text-transform:uppercase; } #rmbz-vip .finance-monetization-summary strong{ overflow:hidden; color:var(--text); font-size:13px; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .finance-monetization-list{ min-height:0; margin:0 20px 20px; overflow:auto; overscroll-behavior:contain; border:1px solid var(--border); border-radius:18px; background:var(--surface); } #rmbz-vip .finance-monetization-list-head{ display:grid; grid-template-columns:minmax(0,1fr) 92px 100px; gap:10px; padding:10px 14px; background:var(--elev); color:var(--muted); font-size:9.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; } #rmbz-vip .finance-monetization-list-head span:not(:first-child){ text-align:right; } #rmbz-vip .finance-monetization-song{ display:grid; grid-template-columns:34px minmax(0,1fr) 82px 100px; gap:10px; align-items:center; padding:11px 14px; border-top:1px solid var(--border); } #rmbz-vip .finance-monetization-song>.ms{ width:34px; height:34px; align-items:center; justify-content:center; border-radius:11px; background:var(--brand-soft); color:var(--brand-ink); font-size:17px; } #rmbz-vip .finance-monetization-song div{ min-width:0; } #rmbz-vip .finance-monetization-song strong,#rmbz-vip .finance-monetization-song small{ display:block; overflow-wrap:anywhere; } #rmbz-vip .finance-monetization-song strong{ color:var(--text); font-size:12px; } #rmbz-vip .finance-monetization-song small{ margin-top:2px; color:var(--muted); font-size:10px; } #rmbz-vip .finance-monetization-song>b{ color:var(--text2); font-size:11.5px; text-align:right; } #rmbz-vip .finance-monetization-song>b:last-child{ color:var(--success); } #rmbz-vip .finance-monetization-empty{ min-height:120px; display:flex; align-items:center; justify-content:center; gap:10px; padding:20px; color:var(--muted); text-align:left; } #rmbz-vip .finance-monetization-empty>.ms{ font-size:25px; } #rmbz-vip .finance-monetization-empty strong,#rmbz-vip .finance-monetization-empty small{ display:block; } #rmbz-vip .finance-monetization-empty strong{ color:var(--text); font-size:12px; } #rmbz-vip .finance-monetization-empty small{ margin-top:3px; font-size:10.5px; } @media (max-width:1100px){ #rmbz-vip .finance-hero{ grid-template-columns:1fr; } #rmbz-vip .finance-hero-metrics{ grid-template-columns:repeat(3,minmax(0,1fr)); } #rmbz-vip .finance-metric.wide{ grid-column:auto; grid-template-columns:35px minmax(0,1fr); } #rmbz-vip .finance-metric.wide .finance-metric-pending{ grid-column:2; justify-self:start; } } @media (max-width:760px){ #rmbz-vip .finance-panels{ grid-template-columns:1fr; } #rmbz-vip .finance-request{ grid-template-columns:38px minmax(0,1fr) auto; } #rmbz-vip .finance-request-icon{ width:38px; height:38px; } #rmbz-vip .finance-request-status{ grid-column:2; justify-self:start; } #rmbz-vip .finance-request-detail{ grid-column:3; grid-row:1 / span 2; } } @media (max-width:600px){ #rmbz-vip .finance-hero{ min-height:0; padding:20px; border-radius:24px; } #rmbz-vip .finance-hero-value{ font-size:32px; } #rmbz-vip .finance-hero-actions .finance-action{ flex:1; justify-content:center; } #rmbz-vip .finance-hero-metrics{ grid-template-columns:1fr 1fr; } #rmbz-vip .finance-metric.wide{ grid-column:1 / -1; } #rmbz-vip .finance-panel{ padding:15px; } #rmbz-vip .finance-statement-head{ align-items:flex-start; } #rmbz-vip .finance-statement-open{ width:37px; padding:0; font-size:0; } #rmbz-vip .finance-filter>*{ flex:1 1 100% !important; } #rmbz-vip .finance-transaction{ grid-template-columns:37px minmax(0,1fr); } #rmbz-vip .finance-transaction-icon{ width:37px; height:37px; } #rmbz-vip .finance-transaction-side{ grid-column:2; flex-direction:row; align-items:center; justify-content:flex-start; flex-wrap:wrap; } #rmbz-vip .finance-transaction-value{ justify-self:start; } #rmbz-vip .finance-monetization-summary{ grid-template-columns:1fr; } #rmbz-vip .finance-monetization-list-head{ grid-template-columns:minmax(0,1fr) 70px 84px; } #rmbz-vip .finance-monetization-song{ grid-template-columns:32px minmax(0,1fr) 60px 84px; padding:10px; } } @media (max-width:440px){ #rmbz-vip .finance-monetization-dialog{ width:calc(100vw - 18px); max-height:88dvh; border-radius:22px; } #rmbz-vip .finance-monetization-head{ grid-template-columns:42px minmax(0,1fr) 36px; gap:9px; padding:15px; } #rmbz-vip .finance-monetization-head-icon{ width:42px; height:42px; border-radius:14px; font-size:21px; } #rmbz-vip .finance-monetization-head h2{ font-size:17px; } #rmbz-vip .finance-monetization-summary{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:12px; } #rmbz-vip .finance-monetization-summary>div{ display:block; min-width:0; padding:9px 7px; text-align:center; } #rmbz-vip .finance-monetization-summary .ms{ display:flex; margin:0 auto 6px; } #rmbz-vip .finance-monetization-summary small,#rmbz-vip .finance-monetization-summary strong{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .finance-monetization-list{ margin:0 12px 14px; } #rmbz-vip .finance-monetization-list-head{ display:none; } #rmbz-vip .finance-monetization-song{ grid-template-columns:32px minmax(0,1fr) auto; grid-template-rows:auto auto; gap:4px 9px; padding:11px; } #rmbz-vip .finance-monetization-song>.ms{ grid-row:1 / span 2; } #rmbz-vip .finance-monetization-song>div{ grid-column:2 / -1; } #rmbz-vip .finance-monetization-song>b{ grid-row:2; text-align:left; } #rmbz-vip .finance-monetization-song>b:last-child{ grid-column:3; text-align:right; } } #rmbz-vip .vip-services-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; } #rmbz-vip .vip-service{ min-height:188px; display:flex; flex-direction:column; padding:17px; border:1px solid var(--border); border-radius:20px; background:var(--elev); color:var(--text); text-align:left; font-family:inherit; cursor:pointer; transition:transform .18s ease,border-color .18s ease,background .18s ease; } #rmbz-vip .vip-service:hover{ transform:translateY(-2px); border-color:var(--brand); background:var(--hover); } #rmbz-vip .vip-service.is-paused{ border-style:dashed; } #rmbz-vip .vip-service-icon{ width:44px; height:44px; border-radius:14px; align-items:center; justify-content:center; flex:0 0 auto; background:var(--brand-soft); color:var(--brand-ink); font-size:23px; font-variation-settings:'FILL' 1; } #rmbz-vip .vip-service-state{ display:inline-flex; align-items:center; gap:4px; border-radius:100px; padding:5px 9px; background:var(--success-soft); color:var(--success); font-size:10.5px; font-weight:750; white-space:nowrap; } #rmbz-vip .vip-service-state.is-paused{ background:var(--rev-soft); color:var(--rev); } #rmbz-vip .vip-service-go{ display:flex; align-items:center; gap:5px; margin-top:auto; padding-top:14px; color:var(--brand-ink); font-size:11.5px; font-weight:750; } #rmbz-vip .vip-profile-grid{ display:grid; grid-template-columns:340px minmax(0,1fr); gap:16px; align-items:stretch; } #rmbz-vip .vip-profile-identity{ display:flex; flex-direction:column; align-items:center; padding:27px; text-align:center; } #rmbz-vip .vip-profile-avatar{ width:92px; height:92px; display:flex; align-items:center; justify-content:center; border:7px solid var(--brand-soft); border-radius:50%; background:var(--brand); color:var(--on-brand); font-family:'Bricolage Grotesque',sans-serif; font-size:32px; font-weight:800; box-shadow:0 14px 34px -28px rgba(0,0,0,.8); } #rmbz-vip .vip-profile-name{ margin-top:13px; font-family:'Bricolage Grotesque',sans-serif; font-size:21px; line-height:1.2; font-weight:780; } #rmbz-vip .vip-profile-role{ margin-top:4px; color:var(--muted); font-size:11.5px; } #rmbz-vip .vip-membership{ width:100%; margin-top:20px; padding:17px; border:1px solid rgba(255,255,255,.08); border-radius:20px; background:linear-gradient(145deg,var(--vip1),var(--vip2)); color:#fff; text-align:left; box-shadow:0 18px 40px -34px rgba(0,0,0,.9); } #rmbz-vip .vip-membership-head{ display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.75); font-size:9.5px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; } #rmbz-vip .vip-membership-head>.ms{ color:#f0b90b; font-size:18px; font-variation-settings:'FILL' 1; } #rmbz-vip .vip-membership-state{ margin-left:auto; padding:4px 7px; border-radius:100px; background:rgba(255,255,255,.11); color:#fff; font-size:8.5px; letter-spacing:.04em; } #rmbz-vip .vip-membership-state.inactive{ background:rgba(239,68,68,.2); color:#fecaca; } #rmbz-vip .vip-membership-plan{ margin-top:13px; font-family:'Bricolage Grotesque',sans-serif; font-size:19px; line-height:1.2; font-weight:760; } #rmbz-vip .vip-membership-facts{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:13px; } #rmbz-vip .vip-membership-fact{ min-width:0; padding:9px 10px; border-radius:13px; background:rgba(255,255,255,.07); } #rmbz-vip .vip-membership-fact span{ display:block; color:rgba(255,255,255,.56); font-size:8.5px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; } #rmbz-vip .vip-membership-fact strong{ display:block; margin-top:3px; overflow:hidden; color:#fff; font-size:11.5px; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .vip-membership-link{ width:100%; display:flex; align-items:center; justify-content:center; gap:6px; min-height:37px; margin-top:12px; border:0; border-radius:100px; background:#f0b90b; color:#171000 !important; font-family:inherit; font-size:10.5px; font-weight:800; cursor:pointer; } #rmbz-vip .vip-membership-link .ms{ font-size:16px; } #rmbz-vip .vip-account-card{ padding:23px 25px; } #rmbz-vip .vip-section-head{ display:flex; align-items:center; gap:11px; flex-wrap:wrap; } #rmbz-vip .vip-section-icon{ width:43px; height:43px; flex:0 0 43px; align-items:center; justify-content:center; border-radius:14px; background:var(--brand-soft); color:var(--brand-ink); font-size:22px; font-variation-settings:'FILL' 1; } #rmbz-vip .vip-section-icon.info{ background:var(--info-soft); color:var(--info); } #rmbz-vip .vip-section-copy{ flex:1; min-width:180px; } #rmbz-vip .vip-section-title{ color:var(--text); font-size:14px; line-height:1.3; font-weight:800; } #rmbz-vip .vip-section-subtitle{ margin-top:2px; color:var(--muted); font-size:10.5px; line-height:1.45; } #rmbz-vip .vip-account-badge,#rmbz-vip .vip-security-count{ display:inline-flex; align-items:center; gap:5px; min-height:29px; padding:6px 10px; border-radius:100px; background:var(--elev); color:var(--text2); font-size:9.5px; font-weight:760; white-space:nowrap; } #rmbz-vip .vip-account-badge .ms,#rmbz-vip .vip-security-count .ms{ font-size:14px; } #rmbz-vip .vip-account-grid{ display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:15px; } #rmbz-vip .vip-account-field{ min-width:0; display:flex; align-items:center; gap:11px; padding:12px; border:1px solid var(--border); border-radius:16px; background:var(--elev); } #rmbz-vip .vip-account-field>.ms{ width:35px; height:35px; flex:0 0 35px; align-items:center; justify-content:center; border-radius:11px; background:var(--surface); color:var(--brand-ink); font-size:18px; } #rmbz-vip .vip-account-field-copy{ min-width:0; } #rmbz-vip .vip-account-field-label{ color:var(--muted); font-size:8.5px; font-weight:780; letter-spacing:.06em; text-transform:uppercase; } #rmbz-vip .vip-account-field-value{ margin-top:3px; overflow:hidden; color:var(--text); font-size:11.5px; font-weight:680; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .vip-account-actions{ display:flex; gap:9px; flex-wrap:wrap; margin-top:14px; padding-top:14px; border-top:1px solid var(--border); } #rmbz-vip .vip-account-action{ min-height:39px; padding:8px 13px; border:1px solid var(--border2); background:transparent; color:var(--brand-ink); font-size:10.5px; } #rmbz-vip .vip-account-action.danger{ color:var(--danger); } #rmbz-vip .vip-account-edit{ margin-top:12px; padding:15px; border:1px solid var(--border); border-radius:17px; background:var(--elev); } #rmbz-vip .vip-security-card{ margin-top:16px; padding:22px 24px; } #rmbz-vip .vip-security-head-actions{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; } #rmbz-vip .vip-security-all{ min-height:34px; padding:7px 11px; border:1px solid var(--danger); background:transparent; color:var(--danger); font-size:9.5px; } #rmbz-vip .vip-security-success{ display:flex; align-items:center; gap:7px; margin-top:13px; padding:10px 12px; border-radius:13px; background:var(--success-soft); color:var(--success); font-size:10.5px; font-weight:680; } #rmbz-vip .vip-session-list{ display:flex; flex-direction:column; gap:8px; margin-top:14px; } #rmbz-vip .vip-session{ display:grid; grid-template-columns:40px minmax(0,1fr) auto auto; gap:11px; align-items:center; padding:11px 12px; border:1px solid var(--border); border-radius:16px; background:var(--elev); } #rmbz-vip .vip-session-icon{ width:40px; height:40px; align-items:center; justify-content:center; border-radius:13px; background:var(--surface); color:var(--brand-ink); font-size:20px; } #rmbz-vip .vip-session-copy{ min-width:0; } #rmbz-vip .vip-session-name{ overflow:hidden; color:var(--text); font-size:11.5px; font-weight:760; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .vip-session-meta{ margin-top:3px; color:var(--muted); font-size:9.5px; line-height:1.45; } #rmbz-vip .vip-session-state{ display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:100px; background:var(--success-soft); color:var(--success); font-size:8.5px; font-weight:780; white-space:nowrap; } #rmbz-vip .vip-session-state::before{ content:''; width:6px; height:6px; border-radius:50%; background:currentColor; } #rmbz-vip .vip-session-end{ min-height:31px; padding:6px 9px; border:1px solid var(--border2); background:var(--surface); color:var(--danger); font-size:9.5px; } #rmbz-vip .vip-security-empty{ display:flex; align-items:center; gap:10px; margin-top:14px; padding:13px; border:1px dashed var(--border2); border-radius:15px; background:var(--elev); color:var(--muted); font-size:10.5px; } #rmbz-vip .vip-security-empty>.ms{ font-size:21px; } #rmbz-vip .vip-security-note{ display:flex; align-items:flex-start; gap:6px; margin-top:11px; color:var(--muted); font-size:9.5px; line-height:1.5; } #rmbz-vip .vip-security-note .ms{ margin-top:1px; font-size:14px; } #rmbz-vip .vip-factor-config{ margin-top:14px; padding:15px; border:1px solid var(--border); border-radius:18px; background:linear-gradient(145deg,var(--elev),var(--surface)); } #rmbz-vip .vip-factor-title{ display:flex; align-items:center; gap:8px; color:var(--text); font-size:11.5px; font-weight:800; } #rmbz-vip .vip-factor-title .ms{ color:var(--brand-ink); font-size:18px; } #rmbz-vip .vip-factor-options{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:11px; } #rmbz-vip .vip-factor-choice{ position:relative; display:flex; gap:9px; align-items:flex-start; padding:12px; border:1px solid var(--border); border-radius:15px; background:var(--surface); cursor:pointer; } #rmbz-vip .vip-factor-choice:has(input:checked){ border-color:var(--brand); background:var(--brand-soft); box-shadow:inset 0 0 0 1px var(--brand); } #rmbz-vip .vip-factor-choice input{ position:absolute; opacity:0; pointer-events:none; } #rmbz-vip .vip-factor-choice>.ms{ width:31px; height:31px; flex:0 0 31px; align-items:center; justify-content:center; border-radius:10px; background:var(--elev); color:var(--brand-ink); font-size:17px; } #rmbz-vip .vip-factor-choice strong{ display:block; color:var(--text); font-size:10.5px; } #rmbz-vip .vip-factor-choice small{ display:block; margin-top:3px; color:var(--muted); font-size:8.7px; line-height:1.35; } #rmbz-vip .vip-factor-fields{ display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:11px; } #rmbz-vip .vip-factor-field label{ display:block; margin-bottom:5px; color:var(--muted); font-size:8.7px; font-weight:760; } #rmbz-vip .vip-factor-field input,#rmbz-vip .vip-factor-field select{ width:100%; min-height:40px; border:1px solid var(--border2); border-radius:12px; background:var(--surface); color:var(--text); padding:8px 10px; box-sizing:border-box; font-size:10.5px; } #rmbz-vip .vip-factor-save{ display:flex; justify-content:flex-end; margin-top:11px; } #rmbz-vip .vip-factor-save button{ min-height:38px; border:0; border-radius:12px; background:var(--brand); color:var(--brand-on); padding:9px 14px; font-size:10px; font-weight:800; cursor:pointer; } #rmbz-vip .vip-factor-alert{ margin-top:11px; padding:10px 12px; border-radius:12px; font-size:10px; font-weight:700; } #rmbz-vip .vip-factor-alert.error{ background:var(--danger-soft); color:var(--danger); } #rmbz-vip .vip-factor-alert.success{ background:var(--success-soft); color:var(--success); } @media(max-width:660px){#rmbz-vip .vip-factor-options,#rmbz-vip .vip-factor-fields{grid-template-columns:1fr;}} #rmbz-vip .vip-packages-card{ margin-top:16px; padding:24px; scroll-margin-top:24px; } #rmbz-vip .vip-packages-wallet{ display:inline-flex; align-items:center; gap:7px; min-height:35px; padding:7px 11px; border-radius:100px; background:var(--brand-soft); color:var(--brand-ink); font-size:10px; font-weight:780; white-space:nowrap; } #rmbz-vip .vip-packages-wallet .ms{ font-size:16px; } #rmbz-vip .vip-packages-intro{ margin:12px 0 17px; color:var(--muted); font-size:11px; line-height:1.55; } #rmbz-vip .vip-packages-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(245px,1fr)); gap:12px; } #rmbz-vip .vip-package{ position:relative; min-width:0; display:flex; flex-direction:column; padding:17px; border:1px solid var(--border); border-radius:21px; background:var(--elev); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; } #rmbz-vip .vip-package:hover{ transform:translateY(-2px); border-color:var(--border2); box-shadow:0 17px 36px -34px rgba(0,0,0,.9); } #rmbz-vip .vip-package.is-featured{ border-color:color-mix(in srgb,var(--brand) 70%,var(--border)); background:linear-gradient(160deg,var(--brand-soft),var(--elev) 42%); } #rmbz-vip .vip-package.is-current{ border-color:var(--success); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--success) 30%,transparent); } #rmbz-vip .vip-package-head{ display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:10px; align-items:center; } #rmbz-vip .vip-package-icon{ width:40px; height:40px; align-items:center; justify-content:center; border-radius:13px; background:var(--surface); color:var(--brand-ink); font-size:20px; font-variation-settings:'FILL' 1; } #rmbz-vip .vip-package-name{ overflow:hidden; color:var(--text); font-size:13px; line-height:1.3; font-weight:820; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .vip-package-count{ margin-top:2px; color:var(--muted); font-size:9px; } #rmbz-vip .vip-package-badge{ display:inline-flex; align-items:center; min-height:25px; padding:5px 7px; border-radius:100px; background:var(--brand-soft); color:var(--brand-ink); font-size:8px; font-weight:820; white-space:nowrap; } #rmbz-vip .vip-package-badge.current{ background:var(--success-soft); color:var(--success); } #rmbz-vip .vip-package-price{ margin-top:16px; color:var(--brand-ink); font-size:25px; line-height:1.1; font-weight:720; letter-spacing:-.04em; } #rmbz-vip .vip-package-days{ display:flex; align-items:center; gap:5px; margin-top:5px; color:var(--muted); font-size:9.5px; } #rmbz-vip .vip-package-days .ms{ color:var(--brand-ink); font-size:15px; } #rmbz-vip .vip-package-services{ display:flex; flex-direction:column; gap:6px; margin:15px 0; padding:12px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); } #rmbz-vip .vip-package-service{ display:flex; align-items:center; gap:7px; min-width:0; color:var(--text2); font-size:10px; } #rmbz-vip .vip-package-service>.ms{ width:22px; height:22px; flex:0 0 22px; align-items:center; justify-content:center; border-radius:8px; background:var(--success-soft); color:var(--success); font-size:14px; font-variation-settings:'FILL' 1; } #rmbz-vip .vip-package-service.not-included{ color:var(--muted); } #rmbz-vip .vip-package-service.not-included>.ms{ background:var(--surface); color:var(--muted); font-variation-settings:'FILL' 0; } #rmbz-vip .rmbz-vip-pk-form{ display:flex; flex:1; flex-direction:column; } #rmbz-vip .vip-package-field-label{ display:block; margin-bottom:5px; color:var(--muted); font-size:8.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; } #rmbz-vip .vip-package-select{ min-height:41px; padding:9px 11px; border-radius:13px; font-size:10.5px; } #rmbz-vip .vip-package-addon{ display:grid; grid-template-columns:18px 34px minmax(0,1fr); gap:8px; align-items:center; margin-top:9px; margin-bottom:12px; padding:10px; border:1px solid var(--border); border-radius:14px; background:var(--surface); cursor:pointer; } #rmbz-vip .vip-package-addon input{ width:18px; height:18px; margin:0; accent-color:var(--brand); } #rmbz-vip .vip-package-addon-icon{ width:34px; height:34px; align-items:center; justify-content:center; border-radius:11px; background:var(--brand-soft); color:var(--brand-ink); font-size:18px; font-variation-settings:'FILL' 1; } #rmbz-vip .vip-package-addon strong{ display:block; color:var(--text); font-size:9.5px; } #rmbz-vip .vip-package-addon small{ display:block; margin-top:2px; color:var(--muted); font-size:8.5px; line-height:1.4; } #rmbz-vip .vip-package-submit{ width:100%; min-height:42px; justify-content:center; margin-top:auto; padding:9px 13px; background:var(--brand); color:var(--on-brand); font-size:10.5px; } #rmbz-vip .vip-package-submit .ms{ font-size:17px; } #rmbz-vip .vip-package-empty{ display:flex; align-items:center; gap:12px; padding:16px; border:1px dashed var(--border2); border-radius:18px; background:var(--elev); } #rmbz-vip .vip-package-empty>.ms{ width:42px; height:42px; flex:0 0 42px; align-items:center; justify-content:center; border-radius:14px; background:var(--success-soft); color:var(--success); font-size:22px; font-variation-settings:'FILL' 1; } #rmbz-vip .vip-package-empty strong{ display:block; color:var(--text); font-size:11.5px; } #rmbz-vip .vip-package-empty small{ display:block; margin-top:3px; color:var(--muted); font-size:9.5px; line-height:1.5; } #rmbz-vip .vip-plan-dialog{ width:min(1120px,96vw); max-height:92vh; padding:0; overflow:hidden; display:flex; flex-direction:column; } #rmbz-vip .vip-plan-modal-head{ display:flex; align-items:center; gap:12px; padding:18px 20px; border-bottom:1px solid var(--border); background:var(--surface); } #rmbz-vip .vip-plan-modal-icon{ width:44px; height:44px; flex:0 0 44px; align-items:center; justify-content:center; border-radius:15px; background:var(--brand-soft); color:var(--brand-ink); font-size:23px; font-variation-settings:'FILL' 1; } #rmbz-vip .vip-plan-modal-copy{ flex:1; min-width:0; } #rmbz-vip .vip-plan-modal-title{ font-family:'Bricolage Grotesque',sans-serif; color:var(--text); font-size:18px; line-height:1.25; font-weight:780; } #rmbz-vip .vip-plan-modal-subtitle{ margin-top:3px; color:var(--muted); font-size:10.5px; line-height:1.45; } #rmbz-vip .vip-plan-modal-wallet{ display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:7px 10px; border-radius:100px; background:var(--brand-soft); color:var(--brand-ink); font-size:9.5px; font-weight:780; white-space:nowrap; } #rmbz-vip .vip-plan-modal-wallet .ms{ font-size:15px; } #rmbz-vip .vip-plan-modal-close{ width:36px; height:36px; display:flex; align-items:center; justify-content:center; flex:0 0 36px; border:0; border-radius:50%; background:var(--elev); color:var(--text2); cursor:pointer; } #rmbz-vip .vip-plan-modal-close .ms{ font-size:20px; } #rmbz-vip .vip-plan-modal-note{ display:flex; align-items:flex-start; gap:8px; margin:16px 20px 0; padding:11px 13px; border-radius:15px; background:var(--success-soft); color:var(--success); font-size:10px; line-height:1.5; } #rmbz-vip .vip-plan-modal-note .ms{ margin-top:1px; font-size:16px; font-variation-settings:'FILL' 1; } #rmbz-vip .vip-plan-modal-body{ flex:1; min-height:0; overflow:auto; padding:16px 20px 20px; } #rmbz-vip .vip-plan-modal-body>.vip-packages-grid{ grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); } @media (max-width:1050px){ #rmbz-vip .vip-profile-grid{ grid-template-columns:1fr; } #rmbz-vip .vip-profile-identity{ align-items:flex-start; display:grid; grid-template-columns:92px minmax(0,1fr); gap:0 17px; text-align:left; } #rmbz-vip .vip-profile-avatar{ grid-row:1 / span 2; } #rmbz-vip .vip-profile-name{ align-self:end; margin-top:0; } #rmbz-vip .vip-membership{ grid-column:1 / -1; } } @media (max-width:660px){ #rmbz-vip .vip-account-grid{ grid-template-columns:1fr; } #rmbz-vip .vip-session{ grid-template-columns:38px minmax(0,1fr) auto; } #rmbz-vip .vip-session-icon{ width:38px; height:38px; } #rmbz-vip .vip-session-state{ grid-column:2; justify-self:start; } #rmbz-vip .vip-session form{ grid-column:3; grid-row:1 / span 2; } #rmbz-vip .vip-packages-card,#rmbz-vip .vip-security-card{ padding:18px; } #rmbz-vip .vip-plan-dialog{ width:100%; max-width:none; max-height:94vh; margin-top:auto; border-radius:25px 25px 0 0; } #rmbz-vip .vip-plan-modal-head{ align-items:flex-start; padding:16px; } #rmbz-vip .vip-plan-modal-wallet{ display:none; } #rmbz-vip .vip-plan-modal-note{ margin:13px 16px 0; } #rmbz-vip .vip-plan-modal-body{ padding:13px 16px 20px; } } @media (max-width:430px){ #rmbz-vip .vip-profile-identity{ display:flex; align-items:center; text-align:center; } #rmbz-vip .vip-profile-name{ align-self:center; width:100%; text-align:center; } #rmbz-vip .vip-membership-facts{ grid-template-columns:1fr; } #rmbz-vip .vip-account-actions .pill{ width:100%; justify-content:center; } #rmbz-vip .vip-security-head-actions{ width:100%; } #rmbz-vip .vip-security-all{ flex:1; justify-content:center; } #rmbz-vip .vip-session{ grid-template-columns:36px minmax(0,1fr); } #rmbz-vip .vip-session form{ grid-column:1 / -1; grid-row:auto; } #rmbz-vip .vip-session-end{ width:100%; justify-content:center; } #rmbz-vip .vip-packages-wallet{ width:100%; justify-content:center; } } #rmbz-vip .pill{ display:inline-flex; align-items:center; gap:8px; border:none; border-radius:100px; padding:12px 24px; font-size:13.5px; font-weight:750; cursor:pointer; font-family:inherit; } #rmbz-vip .sect{ display:none; } #rmbz-vip .sect.on{ display:block; animation:rmbzVipIn .3s ease; } #rmbz-vip .status{ display:inline-flex; align-items:center; font-size:11px; font-weight:750; border-radius:100px; padding:5px 13px; white-space:nowrap; } #rmbz-vip .rec{ width:8px; height:8px; border-radius:50%; background:var(--danger); display:inline-block; animation:rmbzVipRec 1s infinite; } #rmbz-vip .shoot-card{ margin-bottom:12px; padding:20px; border:1px solid var(--border); border-radius:24px; background:var(--surface); box-shadow:0 1px 2px rgba(0,0,0,.04); } #rmbz-vip .shoot-head{ display:flex; align-items:center; gap:12px; margin-bottom:16px; } #rmbz-vip .shoot-head-icon{ width:44px; height:44px; flex:0 0 44px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .shoot-head-icon .ms{ font-size:23px; font-variation-settings:'FILL' 1; } #rmbz-vip .shoot-head-copy{ flex:1; min-width:0; } #rmbz-vip .shoot-eyebrow{ color:var(--muted); font-size:10px; line-height:1.2; font-weight:750; letter-spacing:.09em; text-transform:uppercase; } #rmbz-vip .shoot-title{ margin-top:3px; color:var(--text); font-size:15px; line-height:1.25; font-weight:750; } #rmbz-vip .shoot-badge{ display:inline-flex; align-items:center; gap:6px; min-height:31px; padding:6px 11px; border-radius:100px; background:var(--rev-soft); color:var(--rev); font-size:11px; font-weight:750; white-space:nowrap; } #rmbz-vip .shoot-badge.success{ background:var(--success-soft); color:var(--success); } #rmbz-vip .shoot-badge .ms{ font-size:16px; font-variation-settings:'FILL' 1; } #rmbz-vip .shoot-dates{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } #rmbz-vip .shoot-date{ display:flex; align-items:center; gap:12px; min-height:72px; padding:13px 15px; border:1px solid var(--border); border-radius:17px; background:var(--elev); } #rmbz-vip .shoot-date>.ms{ width:34px; height:34px; flex:0 0 34px; border-radius:11px; align-items:center; justify-content:center; background:var(--surface); color:var(--brand-ink); font-size:19px; } #rmbz-vip .shoot-date-label{ color:var(--muted); font-size:10px; font-weight:750; letter-spacing:.07em; text-transform:uppercase; } #rmbz-vip .shoot-date-value{ margin-top:3px; color:var(--text); font-size:17px; line-height:1.2; font-weight:750; } #rmbz-vip .shoot-notice{ display:flex; align-items:flex-start; gap:10px; margin-top:12px; padding:12px 14px; border-radius:15px; background:var(--success-soft); color:var(--success); } #rmbz-vip .shoot-notice.pending{ background:var(--rev-soft); color:var(--rev); } #rmbz-vip .shoot-notice>.ms{ margin-top:1px; font-size:19px; font-variation-settings:'FILL' 1; } #rmbz-vip .shoot-notice strong{ display:block; font-size:12.5px; line-height:1.3; } #rmbz-vip .shoot-notice small{ display:block; margin-top:2px; color:var(--text2); font-size:11.5px; line-height:1.4; } #rmbz-vip .shoot-complete-card{ position:relative; overflow:hidden; display:flex; align-items:center; gap:17px; margin-bottom:12px; padding:21px; border:1px solid color-mix(in srgb,var(--success) 30%,var(--border)); border-radius:24px; background:linear-gradient(135deg,var(--success-soft),var(--surface) 58%); box-shadow:0 1px 2px rgba(0,0,0,.04); } #rmbz-vip .shoot-complete-icon{ position:relative; width:58px; height:58px; flex:0 0 58px; align-items:center; justify-content:center; border-radius:19px; background:var(--success); color:#fff; font-size:29px; font-variation-settings:'FILL' 1; box-shadow:0 10px 24px -16px var(--success); } #rmbz-vip .shoot-complete-copy{ position:relative; flex:1; min-width:0; } #rmbz-vip .shoot-complete-kicker{ color:var(--success); font-size:10px; line-height:1.2; font-weight:800; letter-spacing:.09em; text-transform:uppercase; } #rmbz-vip .shoot-complete-title{ margin-top:4px; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:18px; line-height:1.3; font-weight:780; } #rmbz-vip .shoot-complete-text{ margin-top:5px; color:var(--text2); font-size:12px; line-height:1.55; } #rmbz-vip .shoot-complete-meta{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:11px; } #rmbz-vip .shoot-complete-chip{ display:inline-flex; align-items:center; gap:5px; min-height:29px; padding:5px 9px; border-radius:100px; background:var(--surface); color:var(--text2); font-size:10.5px; font-weight:700; } #rmbz-vip .shoot-complete-chip .ms{ color:var(--success); font-size:15px; } #rmbz-vip .shoot-actions{ display:flex; gap:9px; flex-wrap:wrap; margin-top:12px; } #rmbz-vip .shoot-form{ display:none; margin-top:12px; padding:15px; border:1px solid var(--border); border-radius:17px; background:var(--elev); } #rmbz-vip .location-card{ margin-bottom:12px; padding:20px; border:1px solid var(--border); border-radius:24px; background:var(--surface); box-shadow:0 1px 2px rgba(0,0,0,.04); } #rmbz-vip .location-head{ display:flex; align-items:center; gap:13px; margin-bottom:16px; } #rmbz-vip .location-head-icon{ width:46px; height:46px; flex:0 0 46px; border-radius:15px; display:flex; align-items:center; justify-content:center; background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .location-head-icon .ms{ font-size:24px; font-variation-settings:'FILL' 1; } #rmbz-vip .location-head-copy{ flex:1; min-width:0; } #rmbz-vip .location-title{ color:var(--text); font-size:15px; line-height:1.25; font-weight:780; } #rmbz-vip .location-subtitle{ margin-top:3px; color:var(--text2); font-size:12px; line-height:1.45; } #rmbz-vip .location-alert{ display:inline-flex; align-items:center; gap:6px; min-height:31px; padding:6px 11px; border-radius:100px; background:var(--rev-soft); color:var(--rev); font-size:11px; font-weight:750; white-space:nowrap; } #rmbz-vip .location-alert .ms{ font-size:16px; font-variation-settings:'FILL' 1; } #rmbz-vip .location-options{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:12px; } #rmbz-vip .location-option{ display:flex; flex-direction:column; min-width:0; padding:16px; border:1.5px solid var(--border); border-radius:20px; background:var(--elev); transition:border-color .16s ease,background .16s ease,transform .16s ease; } #rmbz-vip .location-option:hover{ border-color:var(--brand); background:var(--hover); transform:translateY(-1px); } #rmbz-vip .location-option-head{ display:flex; align-items:center; gap:11px; } #rmbz-vip .location-pin{ width:38px; height:38px; flex:0 0 38px; border-radius:12px; align-items:center; justify-content:center; background:var(--surface); color:var(--brand-ink); font-size:20px; font-variation-settings:'FILL' 1; } #rmbz-vip .location-option-label{ color:var(--muted); font-size:9.5px; line-height:1.2; font-weight:750; letter-spacing:.08em; text-transform:uppercase; } #rmbz-vip .location-option-name{ margin-top:2px; color:var(--text); font-size:15px; line-height:1.25; font-weight:780; } #rmbz-vip .location-items{ margin:13px 0; padding:10px 12px; border:1px solid var(--border); border-radius:14px; background:var(--surface); } #rmbz-vip .location-item{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:7px 0; color:var(--text2); font-size:11.5px; line-height:1.4; } #rmbz-vip .location-item+.location-item{ border-top:1px solid var(--border); } #rmbz-vip .location-item .mono{ flex:0 0 auto; color:var(--text); font-size:11px; font-weight:650; } #rmbz-vip .location-total{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-top:auto; padding:2px 2px 13px; } #rmbz-vip .location-total-label{ color:var(--muted); font-size:10.5px; font-weight:650; } #rmbz-vip .location-total-value{ color:var(--text); font-family:'JetBrains Mono',monospace; font-size:19px; line-height:1; font-weight:700; white-space:nowrap; } #rmbz-vip .location-total-value small{ color:var(--muted); font-family:'Geist',system-ui,sans-serif; font-size:10px; font-weight:700; } #rmbz-vip .location-select{ width:100%; min-height:44px; justify-content:center; background:var(--brand); color:var(--on-brand); font-size:12.5px; transition:filter .15s ease,transform .15s ease; } #rmbz-vip .location-select:hover{ filter:brightness(.97); transform:translateY(-1px); } #rmbz-vip .project-card{ padding:22px; border-radius:28px; } #rmbz-vip .project-accordion-toggle{ width:100%; padding:0; border:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; } #rmbz-vip .project-accordion-toggle:focus-visible{ outline:3px solid var(--brand-soft); outline-offset:7px; border-radius:15px; } #rmbz-vip .project-accordion-toggle .project-top{ width:100%; } #rmbz-vip .project-heading{ display:block; min-width:0; } #rmbz-vip .project-kicker,#rmbz-vip .project-name{ display:block; } #rmbz-vip .project-header-side{ display:flex; align-items:flex-start; justify-content:flex-end; gap:10px; margin-left:auto; } #rmbz-vip .project-accordion-chevron{ width:36px; height:36px; flex:0 0 36px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--elev); color:var(--text2); transition:transform .2s ease,background .2s ease; } #rmbz-vip .project-accordion-chevron .ms{ font-size:21px; } #rmbz-vip .project-card.is-open .project-accordion-chevron{ transform:rotate(180deg); background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .project-card:not(.is-open) .project-accordion-toggle:hover .project-accordion-chevron{ background:var(--hover); } #rmbz-vip .project-accordion-body[hidden]{ display:none !important; } #rmbz-vip .project-empty{ min-height:250px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; } #rmbz-vip .project-empty-icon{ width:64px; height:64px; border-radius:20px; align-items:center; justify-content:center; background:var(--brand-soft); color:var(--brand-ink); font-size:31px; font-variation-settings:'FILL' 1; } #rmbz-vip .project-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; } #rmbz-vip .project-kicker{ color:var(--muted); font-size:10px; font-weight:750; letter-spacing:.09em; text-transform:uppercase; } #rmbz-vip .project-name{ margin-top:3px; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:21px; line-height:1.25; font-weight:750; } #rmbz-vip .project-meta{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:5px; color:var(--muted); font-size:11.5px; } #rmbz-vip .project-meta .ms{ font-size:15px; } #rmbz-vip .project-badges{ display:flex; align-items:center; justify-content:flex-end; gap:7px; flex-wrap:wrap; } #rmbz-vip .project-stage-panel{ --stage-color:var(--brand-ink); --stage-soft:var(--brand-soft); margin:17px 0 14px; padding:18px; overflow:hidden; border:1px solid color-mix(in srgb,var(--stage-color) 25%,var(--border)); border-radius:22px; background:linear-gradient(135deg,var(--stage-soft),var(--surface) 54%); box-shadow:0 8px 30px -28px rgba(0,0,0,.7); } #rmbz-vip .project-stage-panel.tone-info{ --stage-color:var(--info); --stage-soft:var(--info-soft); } #rmbz-vip .project-stage-panel.tone-warning{ --stage-color:var(--rev); --stage-soft:var(--rev-soft); } #rmbz-vip .project-stage-panel.tone-success{ --stage-color:var(--success); --stage-soft:var(--success-soft); } #rmbz-vip .project-stage-panel.tone-danger{ --stage-color:var(--danger); --stage-soft:var(--danger-soft); } #rmbz-vip .project-stage-panel.tone-neutral{ --stage-color:var(--text2); --stage-soft:var(--elev); } #rmbz-vip .project-stage-head{ display:flex; align-items:center; gap:13px; } #rmbz-vip .project-stage-icon{ width:48px; height:48px; flex:0 0 48px; align-items:center; justify-content:center; border-radius:16px; background:var(--stage-color); color:#fff; font-size:24px; font-variation-settings:'FILL' 1; box-shadow:0 10px 24px -18px var(--stage-color); } #rmbz-vip .project-stage-copy{ flex:1; min-width:0; } #rmbz-vip .project-stage-kicker{ color:var(--stage-color); font-size:9.5px; line-height:1.2; font-weight:800; letter-spacing:.09em; text-transform:uppercase; } #rmbz-vip .project-stage-title{ margin-top:3px; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:18px; line-height:1.25; font-weight:780; } #rmbz-vip .project-stage-description{ margin-top:3px; color:var(--text2); font-size:11.5px; line-height:1.5; } #rmbz-vip .project-stage-percent{ min-width:58px; padding:8px 10px; border-radius:14px; background:var(--surface); color:var(--stage-color); font-family:'JetBrains Mono',monospace; font-size:13px; line-height:1; font-weight:750; text-align:center; } #rmbz-vip .project-stage-track{ position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:18px; } #rmbz-vip .project-stage-rail{ position:absolute; z-index:0; top:14px; left:10%; right:10%; height:3px; overflow:hidden; border-radius:100px; background:var(--border2); } #rmbz-vip .project-stage-rail span{ display:block; width:var(--stage-progress); height:100%; border-radius:inherit; background:var(--stage-color); transition:width .35s ease; } #rmbz-vip .project-stage-step{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; min-width:0; color:var(--muted); } #rmbz-vip .project-stage-dot{ width:30px; height:30px; align-items:center; justify-content:center; border:2px solid var(--border2); border-radius:50%; background:var(--surface); color:var(--muted); font-size:15px; } #rmbz-vip .project-stage-step.is-complete .project-stage-dot{ border-color:var(--success); background:var(--success); color:#fff; } #rmbz-vip .project-stage-step.is-active .project-stage-dot{ border-color:var(--stage-color); background:var(--stage-color); color:#fff; box-shadow:0 0 0 5px var(--stage-soft); font-variation-settings:'FILL' 1; } #rmbz-vip .project-stage-step-label{ max-width:100%; margin-top:7px; overflow:hidden; font-size:9.5px; line-height:1.25; font-weight:700; text-align:center; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .project-stage-step.is-complete .project-stage-step-label{ color:var(--text2); } #rmbz-vip .project-stage-step.is-active .project-stage-step-label{ color:var(--stage-color); font-weight:800; } #rmbz-vip .project-state{ display:flex; align-items:flex-start; gap:13px; margin-bottom:12px; padding:15px 16px; border:1px solid transparent; border-radius:20px; background:var(--elev); } #rmbz-vip .project-state.neutral{ border-color:var(--border); } #rmbz-vip .project-state.info{ background:var(--info-soft); } #rmbz-vip .project-state.success{ background:var(--success-soft); } #rmbz-vip .project-state.warning{ background:var(--rev-soft); } #rmbz-vip .project-state.danger{ background:var(--danger-soft); } #rmbz-vip .project-state-icon{ width:40px; height:40px; flex:0 0 40px; border-radius:13px; align-items:center; justify-content:center; background:var(--surface); color:var(--text2); font-size:21px; font-variation-settings:'FILL' 1; } #rmbz-vip .project-state.info .project-state-icon,#rmbz-vip .project-state.info .project-state-title{ color:var(--info); } #rmbz-vip .project-state.success .project-state-icon,#rmbz-vip .project-state.success .project-state-title{ color:var(--success); } #rmbz-vip .project-state.warning .project-state-icon,#rmbz-vip .project-state.warning .project-state-title{ color:var(--rev); } #rmbz-vip .project-state.danger .project-state-icon,#rmbz-vip .project-state.danger .project-state-title{ color:var(--danger); } #rmbz-vip .project-state-body{ flex:1; min-width:0; } #rmbz-vip .project-state-title{ color:var(--text); font-size:13px; line-height:1.35; font-weight:750; } #rmbz-vip .project-state-text{ margin-top:3px; color:var(--text2); font-size:12px; line-height:1.55; } #rmbz-vip .project-state-facts{ display:flex; align-items:center; gap:8px 14px; flex-wrap:wrap; margin-top:8px; color:var(--text2); font-size:11.5px; } #rmbz-vip .project-state-facts span{ display:inline-flex; align-items:center; gap:5px; } #rmbz-vip .project-state-facts .ms{ color:var(--muted); font-size:16px; } #rmbz-vip .project-actions{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:11px; } #rmbz-vip .project-btn{ min-height:40px; padding:9px 16px; font-size:12px; text-decoration:none; } #rmbz-vip .project-btn .ms{ font-size:18px; } #rmbz-vip .project-btn.filled{ background:var(--brand); color:var(--on-brand); } #rmbz-vip .project-btn.success{ background:var(--success); color:#fff; } #rmbz-vip .project-btn.danger{ background:var(--danger); color:#fff; } #rmbz-vip .project-btn.tonal{ background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .project-btn.outlined{ border:1px solid var(--border2); background:transparent; color:var(--text2); } #rmbz-vip .project-section-card{ margin-bottom:12px; padding:17px; border:1px solid var(--border); border-radius:21px; background:var(--elev); } #rmbz-vip .project-section-head{ display:flex; align-items:center; gap:10px; margin-bottom:12px; } #rmbz-vip .project-section-icon{ width:36px; height:36px; flex:0 0 36px; border-radius:12px; align-items:center; justify-content:center; background:var(--surface); color:var(--brand-ink); font-size:19px; font-variation-settings:'FILL' 1; } #rmbz-vip .project-section-title{ color:var(--text); font-size:13px; line-height:1.3; font-weight:750; } #rmbz-vip .project-section-subtitle{ margin-top:2px; color:var(--muted); font-size:11px; line-height:1.4; } #rmbz-vip .project-team-card{ background:var(--surface); } #rmbz-vip .project-team-count{ margin-left:auto; display:inline-flex; align-items:center; min-height:28px; padding:5px 10px; border-radius:100px; background:var(--brand-soft); color:var(--brand-ink); font-size:10.5px; font-weight:750; white-space:nowrap; } #rmbz-vip .project-team-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:9px; } #rmbz-vip .project-team-member{ display:flex; align-items:flex-start; gap:11px; min-width:0; padding:12px; border:1px solid var(--border); border-radius:17px; background:var(--elev); } #rmbz-vip .project-team-avatar{ width:44px; height:44px; flex:0 0 44px; overflow:hidden; display:flex; align-items:center; justify-content:center; border-radius:14px; background:var(--brand-soft); color:var(--brand-ink); font-size:16px; font-weight:800; } #rmbz-vip .project-team-avatar img{ width:100%; height:100%; object-fit:cover; } #rmbz-vip .project-team-copy{ min-width:0; flex:1; } #rmbz-vip .project-team-name-row{ display:flex; align-items:center; gap:7px; min-width:0; flex-wrap:wrap; } #rmbz-vip .project-team-name{ overflow:hidden; color:var(--text); font-size:12.5px; line-height:1.35; font-weight:780; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .project-team-origin{ display:inline-flex; align-items:center; gap:3px; padding:3px 6px; border:1px solid var(--border2); border-radius:100px; color:var(--muted); font-size:8.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; } #rmbz-vip .project-team-origin .ms{ font-size:11px; } #rmbz-vip .project-team-roles{ display:flex; gap:5px; flex-wrap:wrap; margin-top:8px; } #rmbz-vip .project-team-role{ display:inline-flex; align-items:center; min-height:24px; padding:4px 8px; border-radius:8px; background:var(--brand-soft); color:var(--brand-ink); font-size:9.5px; line-height:1.2; font-weight:700; } #rmbz-vip .project-card.is-filming-live .project-accordion-chevron{ transform:none; background:var(--danger-soft); color:var(--danger); } #rmbz-vip .project-card.is-filming-live .project-accordion-toggle{ cursor:default; } #rmbz-vip .project-filming-lock{ position:relative; min-height:410px; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; margin-top:17px; padding:38px 22px; border:1px solid color-mix(in srgb,var(--danger) 34%,var(--border)); border-radius:24px; background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--danger) 18%,transparent),transparent 34%),linear-gradient(155deg,#171417,#0d0c0e); color:#fff; text-align:center; box-shadow:0 18px 42px -30px rgba(0,0,0,.85); } #rmbz-vip .project-filming-lock::before{ content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.035) 48%,transparent 70%); } #rmbz-vip .project-filming-live-badge{ position:relative; display:inline-flex; align-items:center; gap:8px; min-height:30px; padding:6px 11px; border-radius:100px; background:rgba(229,72,77,.16); color:#ffaaa8; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } #rmbz-vip .project-filming-live-dot{ width:8px; height:8px; border-radius:50%; background:#ff5b57; box-shadow:0 0 0 5px rgba(255,91,87,.13); animation:rmbzVipRec 1.25s ease-in-out infinite; } #rmbz-vip .project-filming-live-icon{ position:relative; width:62px; height:62px; display:flex; align-items:center; justify-content:center; margin:20px 0 13px; border-radius:21px; background:rgba(255,255,255,.09); color:#fff; } #rmbz-vip .project-filming-live-icon .ms{ font-size:31px; font-variation-settings:'FILL' 1; } #rmbz-vip .project-filming-live-title{ position:relative; margin:0; color:#fff; font-family:'Bricolage Grotesque',sans-serif; font-size:clamp(20px,3vw,29px); line-height:1.2; font-weight:780; } #rmbz-vip .project-filming-clock{ position:relative; margin:14px 0 12px; color:#fff; font-family:'JetBrains Mono',monospace; font-size:clamp(38px,7vw,66px); line-height:1; font-weight:650; letter-spacing:.05em; font-variant-numeric:tabular-nums; text-shadow:0 0 28px rgba(255,255,255,.12); } #rmbz-vip .project-filming-live-copy{ position:relative; max-width:560px; margin:0; color:#bdb6bf; font-size:12.5px; line-height:1.65; } #rmbz-vip .project-filming-live-foot{ position:relative; display:flex; align-items:center; gap:7px; margin-top:18px; color:#e4dfe5; font-size:10.5px; font-weight:700; } #rmbz-vip .project-filming-live-foot .ms{ color:#ffaaa8; font-size:16px; } @keyframes rmbzVipRec{ 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:.42; transform:scale(.82); } } #rmbz-vip .project-filming-history{ background:var(--surface); } #rmbz-vip .project-filming-summary{ margin-left:auto; display:inline-flex; align-items:center; gap:6px; min-height:28px; padding:5px 10px; border-radius:100px; background:var(--success-soft); color:var(--success); font-size:10px; font-weight:780; white-space:nowrap; } #rmbz-vip .project-filming-days{ display:flex; flex-direction:column; gap:8px; } #rmbz-vip .project-filming-day{ overflow:hidden; border:1px solid var(--border); border-radius:17px; background:var(--elev); } #rmbz-vip .project-filming-day>summary{ list-style:none; display:flex; align-items:center; gap:11px; min-height:68px; padding:11px 13px; cursor:pointer; } #rmbz-vip .project-filming-day>summary::-webkit-details-marker{ display:none; } #rmbz-vip .project-filming-day-number{ width:40px; height:40px; flex:0 0 40px; display:flex; align-items:center; justify-content:center; border-radius:13px; background:var(--brand-soft); color:var(--brand-ink); font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:800; } #rmbz-vip .project-filming-day-copy{ flex:1; min-width:0; } #rmbz-vip .project-filming-day-title{ color:var(--text); font-size:12px; line-height:1.35; font-weight:780; } #rmbz-vip .project-filming-day-meta{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:3px; color:var(--muted); font-size:10px; } #rmbz-vip .project-filming-day-meta .ms{ font-size:14px; } #rmbz-vip .project-filming-result{ display:inline-flex; align-items:center; gap:5px; min-height:27px; padding:5px 9px; border-radius:100px; background:var(--success-soft); color:var(--success); font-size:9.5px; font-weight:780; } #rmbz-vip .project-filming-result.continue{ background:var(--rev-soft); color:var(--rev); } #rmbz-vip .project-filming-result .ms{ font-size:14px; } #rmbz-vip .project-filming-expand{ color:var(--muted); font-size:20px; transition:transform .18s ease; } #rmbz-vip .project-filming-day[open] .project-filming-expand{ transform:rotate(180deg); } #rmbz-vip .project-filming-day-body{ padding:0 13px 13px 64px; } #rmbz-vip .project-filming-group+.project-filming-group{ margin-top:11px; } #rmbz-vip .project-filming-group-head{ display:flex; align-items:center; gap:6px; margin-bottom:7px; color:var(--text2); font-size:10.5px; font-weight:760; } #rmbz-vip .project-filming-group-head .ms{ color:var(--brand-ink); font-size:16px; } #rmbz-vip .project-filming-people{ display:flex; gap:7px; flex-wrap:wrap; } #rmbz-vip .project-filming-person{ display:inline-flex; align-items:center; gap:8px; max-width:100%; min-height:42px; padding:4px 10px 4px 4px; border:1px solid var(--border); border-radius:100px; background:var(--surface); } #rmbz-vip .project-filming-person-photo{ width:34px; height:34px; flex:0 0 34px; overflow:hidden; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--brand-soft); color:var(--brand-ink); font-size:11px; font-weight:800; } #rmbz-vip .project-filming-person-photo img{ width:100%; height:100%; object-fit:cover; } #rmbz-vip .project-filming-person-copy{ min-width:0; text-align:left; } #rmbz-vip .project-filming-person-name{ display:block; overflow:hidden; max-width:180px; color:var(--text); font-size:10.5px; line-height:1.25; font-weight:750; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .project-filming-person-role{ display:block; overflow:hidden; max-width:180px; margin-top:1px; color:var(--muted); font-size:9px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .project-filming-empty{ padding:10px 0 2px; color:var(--muted); font-size:10.5px; } #rmbz-vip .project-choice{ display:flex; align-items:center; gap:8px; min-height:38px; padding:8px 11px; border:1px solid var(--border); border-radius:12px; background:var(--surface); color:var(--text2); font-size:11.5px; font-weight:650; cursor:pointer; } #rmbz-vip .project-choice:has(input:checked){ border-color:var(--brand); background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .project-choice input{ width:17px; height:17px; margin:0; accent-color:var(--brand); } #rmbz-vip .project-decision-row{ display:flex; align-items:center; gap:10px; padding:11px 0; border-top:1px solid var(--border); flex-wrap:wrap; } #rmbz-vip .project-decision-row:first-of-type{ border-top:0; } #rmbz-vip .project-decision-name{ flex:1; min-width:190px; color:var(--text2); font-size:12px; line-height:1.45; } #rmbz-vip .project-decision-name .mono{ color:var(--text); font-size:11px; font-weight:650; } #rmbz-vip .project-metrics{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; } #rmbz-vip .project-metric{ min-width:0; padding:12px 13px; border:1px solid var(--border); border-radius:15px; background:var(--surface); } #rmbz-vip .project-metric-label{ color:var(--muted); font-size:9.5px; font-weight:750; letter-spacing:.07em; text-transform:uppercase; } #rmbz-vip .project-metric-value{ margin-top:5px; color:var(--text); font-family:'JetBrains Mono',monospace; font-size:16px; line-height:1.2; font-weight:700; white-space:nowrap; } #rmbz-vip .project-metric.success .project-metric-value{ color:var(--success); } #rmbz-vip .project-metric.danger .project-metric-value{ color:var(--danger); } #rmbz-vip .project-checklist{ margin-top:12px; padding-top:11px; border-top:1px solid var(--border); } #rmbz-vip .project-check-row{ display:flex; align-items:center; gap:8px; padding:7px 0; color:var(--text2); font-size:11.5px; } #rmbz-vip .project-check-row>.ms{ color:var(--muted); font-size:18px; font-variation-settings:'FILL' 1; } #rmbz-vip .project-check-row.done>.ms{ color:var(--success); } #rmbz-vip .project-check-row .mono{ margin-left:auto; color:var(--text); font-size:11px; } #rmbz-vip .project-modal-head{ display:flex; align-items:center; gap:11px; margin-bottom:12px; } #rmbz-vip .project-modal-icon{ width:40px; height:40px; flex:0 0 40px; border-radius:13px; align-items:center; justify-content:center; background:var(--brand-soft); color:var(--brand-ink); font-size:21px; font-variation-settings:'FILL' 1; } #rmbz-vip .project-subform{ display:none; margin-top:14px; padding:16px; border:1px solid var(--border2); border-radius:17px; background:var(--surface); } #rmbz-vip .project-icon-btn{ width:38px; height:38px; flex:0 0 38px; border:0; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:transparent; color:var(--muted); cursor:pointer; } #rmbz-vip .project-icon-btn:hover{ background:var(--hover); color:var(--text); } #rmbz-vip .project-doc-empty{ height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:24px; text-align:center; } #rmbz-vip .project-doc-empty>.ms{ width:56px; height:56px; border-radius:18px; align-items:center; justify-content:center; background:var(--brand-soft); color:var(--brand-ink); font-size:28px; font-variation-settings:'FILL' 1; } #rmbz-vip .project-complete-head{ display:flex; align-items:center; gap:9px; margin:26px 0 12px; color:var(--text); font-size:13px; font-weight:750; } #rmbz-vip .project-complete-head .ms{ width:30px; height:30px; border-radius:10px; align-items:center; justify-content:center; background:var(--success-soft); color:var(--success); font-size:17px; font-variation-settings:'FILL' 1; } #rmbz-vip .project-complete-card{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:17px 18px; border-radius:20px; } #rmbz-vip .project-chat-list{ max-height:320px; overflow-y:auto; display:flex; flex-direction:column; gap:9px; padding:5px 3px 9px; margin-bottom:10px; } #rmbz-vip .project-chat-message{ max-width:78%; padding:10px 13px; border:1px solid var(--border); color:var(--text2); } #rmbz-vip .project-chat-message.team{ align-self:flex-start; border-radius:5px 16px 16px 16px; background:var(--surface); } #rmbz-vip .project-chat-message.artist{ align-self:flex-end; border-color:transparent; border-radius:16px 5px 16px 16px; background:var(--brand-soft); } #rmbz-vip .project-chat-sender{ color:var(--muted); font-size:9.5px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; } #rmbz-vip .project-chat-message.team .project-chat-sender{ color:var(--brand-ink); } #rmbz-vip .project-chat-text{ margin-top:4px; font-size:12.5px; line-height:1.5; word-break:break-word; } #rmbz-vip .project-chat-message-actions{ display:flex; justify-content:flex-end; margin-top:6px; padding-top:5px; border-top:1px solid color-mix(in srgb,var(--border2) 70%,transparent); } #rmbz-vip .project-chat-delete{ display:inline-flex; align-items:center; gap:4px; padding:3px 6px; border:0; border-radius:8px; background:transparent; color:var(--muted); font-family:inherit; font-size:9.5px; font-weight:700; cursor:pointer; } #rmbz-vip .project-chat-delete:hover{ background:var(--danger-soft); color:var(--danger); } #rmbz-vip .project-chat-delete:disabled{ opacity:.45; cursor:wait; } #rmbz-vip .project-chat-delete .ms{ font-size:14px; } #rmbz-vip .project-chat-event{ align-self:center; width:min(92%,560px); display:flex; align-items:center; gap:10px; padding:9px 12px; border:1px solid var(--border); border-radius:15px; background:var(--surface); } #rmbz-vip .project-chat-event>.ms{ width:34px; height:34px; flex:0 0 34px; border-radius:11px; align-items:center; justify-content:center; background:var(--success-soft); color:var(--success); font-size:18px; font-variation-settings:'FILL' 1; } #rmbz-vip .project-chat-event.proposal>.ms{ background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .project-chat-event-title{ color:var(--text); font-size:11.5px; line-height:1.35; font-weight:750; } #rmbz-vip .project-chat-event-meta{ margin-top:2px; color:var(--muted); font-size:10px; line-height:1.4; } #rmbz-vip .project-chat-live{ display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border-radius:100px; background:var(--success-soft); color:var(--success); font-size:9.5px; font-weight:750; text-transform:uppercase; letter-spacing:.05em; } #rmbz-vip .project-chat-live::before{ content:''; width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 0 3px rgba(16,185,129,.13); } #rmbz-vip .project-chat-live.offline{ background:var(--danger-soft); color:var(--danger); } #rmbz-vip .project-chat-live.offline::before{ box-shadow:none; } #rmbz-vip .project-chat-unread{ display:inline-flex; min-width:22px; height:22px; padding:0 6px; align-items:center; justify-content:center; border-radius:100px; background:var(--danger); color:#fff; font-size:10px; font-weight:800; line-height:1; box-shadow:0 0 0 3px var(--danger-soft); } #rmbz-vip .project-chat-unread[hidden]{ display:none; } #rmbz-vip .project-chat-empty{ padding:22px 12px; color:var(--muted); font-size:11.5px; text-align:center; } #rmbz-vip .project-chat-feedback{ display:none; flex:0 0 100%; padding:2px 4px 0; color:var(--muted); font-size:10.5px; } #rmbz-vip .project-chat-feedback.show{ display:block; } #rmbz-vip .project-chat-feedback.error{ color:var(--danger); } #rmbz-vip .project-chat-message.sending{ opacity:.6; } #rmbz-vip .project-chat-attachment{ display:inline-flex; align-items:center; gap:6px; max-width:240px; margin-top:7px; padding:7px 10px; border:1px solid var(--border2); border-radius:11px; color:var(--text2); font-size:11px; text-decoration:none; } #rmbz-vip .project-chat-attachment .ms{ font-size:16px; } #rmbz-vip .project-chat-image-preview{ position:relative; display:block; width:min(270px,100%); margin-top:8px; padding:0; overflow:hidden; border:1px solid var(--border2); border-radius:15px; background:var(--elev); color:var(--text2); cursor:zoom-in; font-family:inherit; text-align:left; } #rmbz-vip .project-chat-image-frame{ position:relative; display:flex; min-height:120px; max-height:230px; align-items:center; justify-content:center; overflow:hidden; background:var(--hover); } #rmbz-vip .project-chat-image-frame img{ display:block; width:100%; height:auto; min-height:120px; max-height:230px; object-fit:cover; transition:transform .2s ease; } #rmbz-vip .project-chat-image-preview:hover .project-chat-image-frame img{ transform:scale(1.025); } #rmbz-vip .project-chat-image-zoom{ position:absolute; right:9px; bottom:9px; width:34px; height:34px; align-items:center; justify-content:center; border-radius:11px; background:rgba(17,17,17,.72); color:#fff; font-size:19px; backdrop-filter:blur(8px); } #rmbz-vip .project-chat-image-caption{ display:flex; align-items:center; gap:7px; min-width:0; padding:9px 11px; color:var(--text2); font-size:10.5px; } #rmbz-vip .project-chat-image-caption .ms{ flex:0 0 auto; color:var(--brand-ink); font-size:16px; } #rmbz-vip .project-chat-image-caption span:last-child{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .project-chat-image-preview.broken{ cursor:pointer; } #rmbz-vip .project-chat-image-preview.broken .project-chat-image-frame{ min-height:110px; flex-direction:column; gap:7px; color:var(--muted); font-size:10.5px; } #rmbz-vip .project-chat-image-preview.broken .project-chat-image-frame>.ms{ font-size:30px; } #rmbz-vip .project-chat-image-dialog{ width:min(1040px,96vw); max-height:94vh; overflow:hidden; padding:16px; } #rmbz-vip .project-chat-image-head{ display:flex; align-items:center; gap:11px; min-height:46px; padding:0 2px 13px; } #rmbz-vip .project-chat-image-head-icon{ width:40px; height:40px; flex:0 0 40px; align-items:center; justify-content:center; border-radius:13px; background:var(--brand-soft); color:var(--brand-ink); font-size:21px; font-variation-settings:'FILL' 1; } #rmbz-vip .project-chat-image-title{ overflow:hidden; color:var(--text); font-size:13px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .project-chat-image-subtitle{ margin-top:2px; color:var(--muted); font-size:10.5px; } #rmbz-vip .project-chat-image-stage{ position:relative; display:flex; height:min(76vh,820px); min-height:260px; align-items:center; justify-content:center; overflow:hidden; border-radius:20px; background:#0d0d0f; } #rmbz-vip .project-chat-image-stage>img{ display:block; width:100%; height:100%; object-fit:contain; } #rmbz-vip .project-chat-image-stage>img[hidden]{ display:none; } #rmbz-vip .project-chat-image-loading,#rmbz-vip .project-chat-image-error{ display:flex; flex-direction:column; align-items:center; gap:8px; color:#d7d7dc; font-size:11.5px; text-align:center; } #rmbz-vip .project-chat-image-loading>.ms{ font-size:30px; animation:rmbzChatSpin 1s linear infinite; } #rmbz-vip .project-chat-image-error>.ms{ color:#f87171; font-size:36px; } #rmbz-vip .project-chat-image-error>span:last-child{ color:#9a9aa2; } #rmbz-vip .project-chat-image-error[hidden],#rmbz-vip .project-chat-image-loading[hidden]{ display:none; } @keyframes rmbzChatSpin{ to{ transform:rotate(360deg); } } @media(max-width:640px){ #rmbz-vip .project-chat-image-dialog{ width:100%; max-height:96vh; padding:10px; border-radius:22px; } #rmbz-vip .project-chat-image-stage{ height:72vh; border-radius:16px; } #rmbz-vip .project-chat-image-original{ width:40px; height:40px; min-width:40px; padding:0; font-size:0; } #rmbz-vip .project-chat-image-original .ms{ font-size:19px; } } #rmbz-vip .project-chat-attach-btn{ width:46px; height:46px; flex:0 0 46px; padding:0; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--border2); border-radius:15px; background:var(--elev); color:var(--brand-ink); cursor:pointer; transition:background .18s,border-color .18s,transform .18s; } #rmbz-vip .project-chat-attach-btn:hover{ background:var(--brand-soft); border-color:var(--brand); } #rmbz-vip .project-chat-attach-btn:active{ transform:scale(.96); } #rmbz-vip .project-chat-attach-btn:disabled{ opacity:.45; cursor:not-allowed; transform:none; } #rmbz-vip .project-chat-attach-btn[hidden]{ display:none; } #rmbz-vip .project-chat-upload{ flex:0 0 100%; display:flex; align-items:center; gap:11px; min-width:0; padding:10px 12px; border:1px solid var(--border2); border-radius:15px; background:var(--surface); } #rmbz-vip .project-chat-upload[hidden]{ display:none; } #rmbz-vip .project-chat-upload-icon{ width:38px; height:38px; flex:0 0 38px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; background:var(--brand-soft); color:var(--brand-ink); font-size:20px; font-variation-settings:'FILL' 1; } #rmbz-vip .project-chat-upload-copy{ min-width:0; flex:1; } #rmbz-vip .project-chat-upload-name{ display:block; overflow:hidden; color:var(--text); font-size:11.5px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .project-chat-upload-meta{ display:block; margin-top:2px; color:var(--muted); font-size:10px; } #rmbz-vip .project-chat-upload.uploading .project-chat-upload-meta{ color:var(--brand-ink); } #rmbz-vip .project-chat-upload-remove{ width:34px; height:34px; flex:0 0 34px; padding:0; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:11px; background:var(--danger-soft); color:var(--danger); cursor:pointer; } #rmbz-vip .project-chat-upload-remove .ms{ font-size:18px; } #rmbz-vip .inp{ width:100%; border:1px solid var(--border2); background:var(--elev); color:var(--text); border-radius:14px; padding:12px 16px; font-size:15px; font-weight:600; font-family:inherit; outline:none; } #rmbz-vip .inp:focus{ border-color:var(--brand); } #rmbz-vip .grid2{ display:grid; grid-template-columns:1fr 1fr; gap:20px; } #rmbz-vip .grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } #rmbz-vip .scrim{ position:fixed; inset:0; background:var(--scrim); display:none; align-items:center; justify-content:center; z-index:100; padding:16px; } #rmbz-vip .scrim.open{ display:flex; } #rmbz-vip .dialog{ background:var(--surface); border:1px solid var(--border); border-radius:28px; width:440px; max-width:100%; max-height:92vh; overflow-y:auto; padding:28px 30px; animation:rmbzVipPop .22s ease; } /* Confirmação de cupão: Material 3 sóbrio e orientado ao benefício. */ #rmbz-vip .rmbz-coupon-dialog{ width:min(580px,calc(100vw - 24px)); padding:0; overflow:hidden; border-radius:28px; text-align:left; box-shadow:0 28px 80px -46px rgba(0,0,0,.82); } #rmbz-vip .rmbz-coupon-head{ display:grid; grid-template-columns:54px minmax(0,1fr) auto; gap:15px; align-items:center; padding:22px 24px; border-bottom:1px solid var(--border); background:linear-gradient(135deg,color-mix(in srgb,var(--brand-soft) 68%,var(--surface)),var(--surface) 72%); } #rmbz-vip .rmbz-coupon-main-icon{ width:54px; height:54px; display:grid; place-items:center; border-radius:18px; background:var(--brand); color:var(--on-brand); font-size:28px; font-variation-settings:'FILL' 1; box-shadow:0 14px 30px -22px color-mix(in srgb,var(--brand) 90%,transparent); } #rmbz-vip .rmbz-coupon-heading{ min-width:0; } #rmbz-vip .rmbz-coupon-eyebrow{ display:block; color:var(--brand-ink); font-size:9px; line-height:1.2; font-weight:850; letter-spacing:.1em; text-transform:uppercase; } #rmbz-vip .rmbz-coupon-heading h2{ margin:5px 0 0; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:23px; line-height:1.12; font-weight:780; letter-spacing:-.025em; } #rmbz-vip .rmbz-coupon-heading p{ margin:6px 0 0; color:var(--text2); font-size:11.5px; line-height:1.5; } #rmbz-vip .rmbz-coupon-status{ min-height:31px; display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid color-mix(in srgb,var(--success) 28%,var(--border)); border-radius:999px; background:var(--success-soft); color:var(--success); font-size:9.5px; font-weight:800; white-space:nowrap; } #rmbz-vip .rmbz-coupon-status .ms{ font-size:15px; font-variation-settings:'FILL' 1; } #rmbz-vip .rmbz-coupon-content{ padding:20px 24px 22px; } #rmbz-vip .rmbz-coupon-section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:12px; } #rmbz-vip .rmbz-coupon-section-head strong{ display:block; color:var(--text); font-size:12.5px; line-height:1.3; font-weight:780; } #rmbz-vip .rmbz-coupon-section-head span{ display:block; margin-top:3px; color:var(--muted); font-size:10px; line-height:1.4; } #rmbz-vip .rmbz-coupon-section-head small{ flex:0 0 auto; padding:5px 8px; border-radius:999px; background:var(--elev); color:var(--muted); font-size:9px; font-weight:750; } #rmbz-vip .rmbz-coupon-benefits{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } #rmbz-vip .rmbz-coupon-benefit{ min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr) 18px; gap:10px; align-items:center; padding:12px; border:1px solid var(--border); border-radius:17px; background:var(--elev); } #rmbz-vip .rmbz-coupon-benefit.is-primary{ grid-column:1 / -1; background:linear-gradient(120deg,var(--brand-soft),var(--elev)); border-color:color-mix(in srgb,var(--brand) 32%,var(--border)); } #rmbz-vip .rmbz-coupon-benefit-icon{ width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:var(--surface); color:var(--brand-ink); font-size:20px; font-variation-settings:'FILL' 1; } #rmbz-vip .rmbz-coupon-benefit div{ min-width:0; } #rmbz-vip .rmbz-coupon-benefit strong{ display:block; overflow:hidden; color:var(--text); font-size:11px; line-height:1.35; font-weight:760; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .rmbz-coupon-benefit div>span{ display:block; margin-top:3px; overflow:hidden; color:var(--muted); font-size:9px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .rmbz-coupon-benefit-check{ color:var(--success); font-size:18px; font-variation-settings:'FILL' 1; } #rmbz-vip .rmbz-coupon-footer{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px 24px; border-top:1px solid var(--border); background:var(--elev); } #rmbz-vip .rmbz-coupon-secure{ display:inline-flex; align-items:center; gap:7px; color:var(--muted); font-size:9.5px; line-height:1.4; } #rmbz-vip .rmbz-coupon-secure .ms{ color:var(--success); font-size:16px; font-variation-settings:'FILL' 1; } #rmbz-vip .rmbz-coupon-action{ min-height:42px; justify-content:center; gap:7px; padding:10px 16px; border:0; background:var(--brand); color:var(--on-brand); font-size:10.5px; font-weight:820; box-shadow:0 12px 26px -20px color-mix(in srgb,var(--brand) 92%,transparent); } #rmbz-vip .rmbz-coupon-action .ms{ font-size:17px; } #rmbz-vip .rmbz-coupon-action:hover{ transform:translateY(-1px); } @media(max-width:560px){ #rmbz-vip .rmbz-coupon-dialog{ border-radius:24px; } #rmbz-vip .rmbz-coupon-head{ grid-template-columns:48px minmax(0,1fr); gap:12px; padding:18px; } #rmbz-vip .rmbz-coupon-main-icon{ width:48px; height:48px; border-radius:16px; font-size:25px; } #rmbz-vip .rmbz-coupon-heading h2{ font-size:20px; } #rmbz-vip .rmbz-coupon-status{ grid-column:1 / -1; justify-self:start; } #rmbz-vip .rmbz-coupon-content{ padding:17px 18px 19px; } #rmbz-vip .rmbz-coupon-benefits{ grid-template-columns:1fr; } #rmbz-vip .rmbz-coupon-benefit.is-primary{ grid-column:auto; } #rmbz-vip .rmbz-coupon-footer{ align-items:stretch; flex-direction:column; padding:14px 18px 18px; } #rmbz-vip .rmbz-coupon-action{ width:100%; } } /* Decisão de desistência: componente nativo do painel atual. */ #rmbz-vip .rvgu-scrim{ z-index:2147483643; padding:18px; backdrop-filter:blur(10px); } #rmbz-vip .rvgu-dialog{ width:min(780px,calc(100vw - 36px)); max-width:780px; max-height:min(94dvh,940px); display:flex; flex-direction:column; overflow:hidden; padding:0; border-radius:30px; box-shadow:0 30px 90px rgba(0,0,0,.32); } #rmbz-vip .rvgu-dialog [hidden]{ display:none!important; } #rmbz-vip .rvgu-head{ flex:0 0 auto; display:grid; grid-template-columns:52px minmax(0,1fr) auto; align-items:center; gap:14px; padding:20px 22px; border-bottom:1px solid var(--border); background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--brand-soft) 46%,var(--surface))); } #rmbz-vip .rvgu-head-icon{ width:52px; height:52px; display:grid; place-items:center; border-radius:17px; background:var(--brand); color:var(--on-brand); font-size:26px; font-variation-settings:'FILL' 1; box-shadow:0 9px 24px color-mix(in srgb,var(--brand) 24%,transparent); } #rmbz-vip .rvgu-head-copy{ min-width:0; } #rmbz-vip .rvgu-eyebrow{ display:block; color:var(--brand-ink); font-size:10px; font-weight:800; letter-spacing:.11em; line-height:1.35; } #rmbz-vip .rvgu-head h2{ margin:3px 0 2px; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:23px; line-height:1.1; letter-spacing:-.025em; } #rmbz-vip .rvgu-head p{ margin:0; color:var(--text2); font-size:11.5px; line-height:1.45; } #rmbz-vip .rvgu-pending{ min-height:34px; display:inline-flex; align-items:center; gap:5px; padding:7px 10px; border-radius:100px; background:var(--danger-soft); color:var(--danger); font-size:10px; font-weight:750; white-space:nowrap; } #rmbz-vip .rvgu-pending .ms{ font-size:16px; font-variation-settings:'FILL' 1; } #rmbz-vip .rvgu-scroll{ flex:1 1 auto; min-height:0; display:grid; align-content:start; gap:13px; overflow-y:auto; overscroll-behavior:contain; padding:18px 22px 20px; scrollbar-width:thin; } #rmbz-vip .rvgu-project{ display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; gap:11px; padding:12px; border:1px solid var(--border); border-radius:17px; background:var(--elev); } #rmbz-vip .rvgu-project-icon{ width:44px; height:44px; display:grid; place-items:center; border-radius:14px; background:var(--surface); color:var(--brand-ink); font-size:22px; font-variation-settings:'FILL' 1; } #rmbz-vip .rvgu-project>div{ min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:10px; } #rmbz-vip .rvgu-project div>span{ grid-column:1/-1; color:var(--muted); font-size:8.5px; font-weight:800; letter-spacing:.1em; } #rmbz-vip .rvgu-project strong{ min-width:0; overflow:hidden; color:var(--text); font-size:14px; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .rvgu-project small{ padding:5px 8px; border-radius:100px; background:var(--brand-soft); color:var(--brand-ink); font-size:9px; font-weight:750; } #rmbz-vip .rvgu-finance-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; } #rmbz-vip .rvgu-money{ min-width:0; display:grid; grid-template-columns:36px minmax(0,1fr); align-items:center; gap:9px; padding:11px; border:1px solid var(--border); border-radius:15px; background:var(--surface); } #rmbz-vip .rvgu-money>.ms{ width:36px; height:36px; display:grid; place-items:center; border-radius:11px; background:var(--elev); color:var(--text2); font-size:19px; } #rmbz-vip .rvgu-money.is-danger>.ms{ background:var(--danger-soft); color:var(--danger); } #rmbz-vip .rvgu-money.is-info>.ms{ background:var(--info-soft); color:var(--info); } #rmbz-vip .rvgu-money.is-success>.ms{ background:var(--success-soft); color:var(--success); } #rmbz-vip .rvgu-money>div{ min-width:0; display:grid; gap:2px; } #rmbz-vip .rvgu-money small{ overflow:hidden; color:var(--muted); font-size:8px; font-weight:750; letter-spacing:.06em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; } #rmbz-vip .rvgu-money strong{ overflow:hidden; color:var(--text); font-size:12.5px; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .rvgu-fine{ display:flex; align-items:center; gap:10px; padding:11px 13px; border:1px solid color-mix(in srgb,var(--danger) 34%,var(--border)); border-radius:14px; background:var(--danger-soft); color:var(--danger); } #rmbz-vip .rvgu-fine>.ms{ width:35px; height:35px; flex:0 0 35px; display:grid; place-items:center; border-radius:11px; background:var(--surface); font-size:19px; } #rmbz-vip .rvgu-fine>div{ min-width:0; display:grid; gap:1px; } #rmbz-vip .rvgu-fine strong{ font-size:11.5px; } #rmbz-vip .rvgu-fine small{ color:var(--text2); font-size:9.5px; line-height:1.4; } #rmbz-vip .rvgu-analysis,#rmbz-vip .rvgu-impact{ padding:15px; border:1px solid var(--border); border-radius:19px; background:var(--surface); } #rmbz-vip .rvgu-analysis{ display:grid; grid-template-columns:40px minmax(0,1fr); gap:10px; } #rmbz-vip .rvgu-section-icon{ width:40px; height:40px; display:grid; place-items:center; border-radius:13px; background:var(--brand-soft); color:var(--brand-ink); font-size:20px; font-variation-settings:'FILL' 1; } #rmbz-vip .rvgu-analysis h3,#rmbz-vip .rvgu-section-title h3{ margin:2px 0 0; color:var(--text); font-size:14px; line-height:1.25; } #rmbz-vip .rvgu-analysis>p{ grid-column:1/-1; margin:1px 0 0; color:var(--text2); font-size:11.5px; line-height:1.65; white-space:pre-line; } #rmbz-vip .rvgu-section-title{ display:flex; align-items:center; gap:10px; margin-bottom:12px; } #rmbz-vip .rvgu-choice-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; } #rmbz-vip .rvgu-choice{ min-width:0; padding:13px; border:1px solid var(--border); border-radius:16px; background:var(--elev); } #rmbz-vip .rvgu-choice.is-continue{ border-color:color-mix(in srgb,var(--success) 34%,var(--border)); background:color-mix(in srgb,var(--success-soft) 60%,var(--surface)); } #rmbz-vip .rvgu-choice.is-giveup{ border-color:color-mix(in srgb,var(--danger) 30%,var(--border)); background:color-mix(in srgb,var(--danger-soft) 62%,var(--surface)); } #rmbz-vip .rvgu-choice-head{ display:flex; align-items:center; gap:9px; padding-bottom:10px; border-bottom:1px solid var(--border); } #rmbz-vip .rvgu-choice-head>.ms{ width:36px; height:36px; display:grid; place-items:center; flex:0 0 36px; border-radius:11px; background:var(--surface); font-size:19px; font-variation-settings:'FILL' 1; } #rmbz-vip .rvgu-choice.is-continue .rvgu-choice-head>.ms{ color:var(--success); } #rmbz-vip .rvgu-choice.is-giveup .rvgu-choice-head>.ms{ color:var(--danger); } #rmbz-vip .rvgu-choice-head>div{ min-width:0; display:grid; } #rmbz-vip .rvgu-choice-head strong{ color:var(--text); font-size:12px; } #rmbz-vip .rvgu-choice-head small{ color:var(--muted); font-size:9px; } #rmbz-vip .rvgu-choice ul{ display:grid; gap:8px; margin:11px 0 0; padding:0; list-style:none; } #rmbz-vip .rvgu-choice li{ display:grid; grid-template-columns:19px minmax(0,1fr); gap:7px; color:var(--text2); font-size:10.5px; line-height:1.45; } #rmbz-vip .rvgu-choice li>.ms{ margin-top:1px; color:var(--muted); font-size:16px; } #rmbz-vip .rvgu-choice.is-continue li>.ms{ color:var(--success); } #rmbz-vip .rvgu-choice.is-giveup li>.ms{ color:var(--danger); } #rmbz-vip .rvgu-policy-note{ display:flex; align-items:flex-start; gap:10px; padding:12px 13px; border-radius:15px; background:var(--info-soft); color:var(--info); } #rmbz-vip .rvgu-policy-note>.ms{ flex:0 0 auto; font-size:20px; font-variation-settings:'FILL' 1; } #rmbz-vip .rvgu-policy-note strong{ display:block; color:var(--text); font-size:10.5px; } #rmbz-vip .rvgu-policy-note p{ margin:2px 0 0; color:var(--text2); font-size:9.5px; line-height:1.45; } #rmbz-vip .rvgu-actions{ flex:0 0 auto; display:grid; grid-template-columns:1.25fr 1fr; gap:10px; padding:14px 22px calc(14px + env(safe-area-inset-bottom)); border-top:1px solid var(--border); background:color-mix(in srgb,var(--surface) 94%,transparent); backdrop-filter:blur(14px); } #rmbz-vip .rvgu-button{ min-height:45px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:10px 16px; border:0; border-radius:100px; font-family:inherit; font-size:11.5px; font-weight:750; line-height:1.2; cursor:pointer; transition:transform .16s ease,box-shadow .16s ease,background .16s ease; } #rmbz-vip .rvgu-button:hover{ transform:translateY(-1px); } #rmbz-vip .rvgu-button>.ms{ font-size:18px; } #rmbz-vip .rvgu-button.is-primary{ background:var(--success); color:#fff; box-shadow:0 8px 20px color-mix(in srgb,var(--success) 22%,transparent); } #rmbz-vip .rvgu-button.is-danger{ background:var(--danger); color:#fff; box-shadow:0 8px 20px color-mix(in srgb,var(--danger) 22%,transparent); } #rmbz-vip .rvgu-button.is-danger-outline{ border:1px solid color-mix(in srgb,var(--danger) 55%,var(--border)); background:var(--surface); color:var(--danger); } #rmbz-vip .rvgu-button.is-secondary{ border:1px solid var(--border2); background:var(--surface); color:var(--text2); } #rmbz-vip .rvgu-confirm-step{ flex:1 1 auto; min-height:0; overflow-y:auto; padding:24px 26px calc(22px + env(safe-area-inset-bottom)); } #rmbz-vip .rvgu-confirm-copy{ display:grid; grid-template-columns:54px minmax(0,1fr); column-gap:13px; align-items:center; } #rmbz-vip .rvgu-confirm-icon{ grid-row:1/5; width:54px; height:54px; display:grid; place-items:center; border-radius:18px; font-size:26px; font-variation-settings:'FILL' 1; } #rmbz-vip .rvgu-confirm-icon.is-success{ background:var(--success-soft); color:var(--success); } #rmbz-vip .rvgu-confirm-icon.is-danger{ background:var(--danger-soft); color:var(--danger); } #rmbz-vip .rvgu-confirm-copy h3{ margin:2px 0; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:22px; line-height:1.15; } #rmbz-vip .rvgu-confirm-copy p{ margin:0; color:var(--text2); font-size:11px; line-height:1.5; } #rmbz-vip .rvgu-confirm-rule{ display:flex; align-items:flex-start; gap:11px; margin-top:20px; padding:15px; border:1px solid color-mix(in srgb,var(--brand) 40%,var(--border)); border-radius:17px; background:var(--brand-soft); } #rmbz-vip .rvgu-confirm-rule>.ms{ width:39px; height:39px; display:grid; place-items:center; flex:0 0 39px; border-radius:12px; background:var(--surface); color:var(--brand-ink); font-size:20px; } #rmbz-vip .rvgu-confirm-rule strong{ color:var(--text); font-size:11.5px; } #rmbz-vip .rvgu-confirm-rule p{ margin:3px 0 0; color:var(--text2); font-size:10.5px; line-height:1.55; } #rmbz-vip .rvgu-confirm-form{ display:grid; grid-template-columns:auto minmax(210px,1fr); justify-content:end; gap:9px; margin-top:20px; } #rmbz-vip .rvgu-loss-list{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:19px; } #rmbz-vip .rvgu-loss-list>div{ min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:9px; padding:11px; border:1px solid var(--border); border-radius:14px; background:var(--elev); } #rmbz-vip .rvgu-loss-list>div>.ms{ width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:var(--danger-soft); color:var(--danger); font-size:19px; } #rmbz-vip .rvgu-loss-list span:last-child{ min-width:0; display:grid; gap:2px; } #rmbz-vip .rvgu-loss-list strong{ color:var(--text); font-size:10.5px; } #rmbz-vip .rvgu-loss-list small{ overflow:hidden; color:var(--text2); font-size:9px; line-height:1.4; text-overflow:ellipsis; } #rmbz-vip .rvgu-form-error{ display:flex; align-items:center; gap:8px; margin-top:13px; padding:11px 12px; border-radius:13px; background:var(--danger-soft); color:var(--danger); font-size:10.5px; font-weight:700; } #rmbz-vip .rvgu-form-error>.ms{ font-size:18px; font-variation-settings:'FILL' 1; } #rmbz-vip .rvgu-sign-form{ display:grid; gap:11px; margin-top:15px; } #rmbz-vip .rvgu-field{ display:grid; gap:6px; color:var(--text); font-size:10px; font-weight:750; } #rmbz-vip .rvgu-field>div{ min-height:47px; display:grid; grid-template-columns:39px minmax(0,1fr); align-items:center; overflow:hidden; border:1px solid var(--border2); border-radius:14px; background:var(--elev); transition:border-color .16s,box-shadow .16s; } #rmbz-vip .rvgu-field>div:focus-within{ border-color:var(--brand); box-shadow:0 0 0 3px var(--brand-soft); } #rmbz-vip .rvgu-field>div>.ms{ display:grid; place-items:center; color:var(--muted); font-size:19px; } #rmbz-vip .rvgu-field input{ width:100%; min-width:0; min-height:45px; border:0; outline:0; background:transparent; color:var(--text); font-family:inherit; font-size:13px; font-weight:600; line-height:1.4; } #rmbz-vip .rvgu-field .rvgu-phone{ grid-template-columns:auto minmax(0,1fr); } #rmbz-vip .rvgu-phone>strong{ align-self:stretch; display:flex; align-items:center; padding:0 13px; border-right:1px solid var(--border); color:var(--text2); font-size:12px; } #rmbz-vip .rvgu-phone>input{ padding-left:12px; } #rmbz-vip .rvgu-terms{ display:grid; grid-template-columns:20px minmax(0,1fr); align-items:start; gap:9px; padding:12px; border:1px solid var(--border); border-radius:14px; background:var(--surface); color:var(--text2); font-size:10px; line-height:1.5; cursor:pointer; } #rmbz-vip .rvgu-terms input{ width:18px; height:18px; margin:0; accent-color:var(--danger); } #rmbz-vip .rvgu-document-note{ display:flex; align-items:center; gap:8px; color:var(--muted); font-size:9.5px; } #rmbz-vip .rvgu-document-note>.ms{ color:var(--brand-ink); font-size:18px; } @media(max-width:700px){ #rmbz-vip .rvgu-scrim{ align-items:flex-end; padding:0; } #rmbz-vip .rvgu-dialog{ width:100%; max-width:none; max-height:calc(100dvh - 8px); border-width:1px 0 0; border-radius:28px 28px 0 0; animation:rmbzVipSheet .24s ease; } #rmbz-vip .rvgu-head{ grid-template-columns:46px minmax(0,1fr); gap:11px; padding:16px 17px 13px; } #rmbz-vip .rvgu-head-icon{ width:46px; height:46px; border-radius:15px; font-size:23px; } #rmbz-vip .rvgu-head h2{ font-size:20px; } #rmbz-vip .rvgu-head p{ font-size:10.5px; } #rmbz-vip .rvgu-pending{ grid-column:1/-1; justify-self:start; min-height:29px; padding:5px 9px; } #rmbz-vip .rvgu-scroll{ gap:11px; padding:13px 14px 16px; } #rmbz-vip .rvgu-finance-grid{ grid-template-columns:1fr 1fr; } #rmbz-vip .rvgu-choice-grid{ grid-template-columns:1fr; } #rmbz-vip .rvgu-analysis,#rmbz-vip .rvgu-impact{ padding:13px; border-radius:17px; } #rmbz-vip .rvgu-actions{ grid-template-columns:1fr; padding:11px 14px calc(11px + env(safe-area-inset-bottom)); } #rmbz-vip .rvgu-button{ width:100%; min-height:47px; } #rmbz-vip .rvgu-confirm-step{ padding:20px 16px calc(16px + env(safe-area-inset-bottom)); } #rmbz-vip .rvgu-loss-list{ grid-template-columns:1fr; } #rmbz-vip .rvgu-confirm-form{ grid-template-columns:1fr; } #rmbz-vip .rvgu-confirm-form .is-primary,#rmbz-vip .rvgu-confirm-form .is-danger{ grid-row:1; } #rmbz-vip .rvgu-field input{ font-size:16px; } } @media(max-width:390px){ #rmbz-vip .rvgu-project>div{ grid-template-columns:1fr; } #rmbz-vip .rvgu-project small{ justify-self:start; margin-top:4px; } #rmbz-vip .rvgu-money{ grid-template-columns:32px minmax(0,1fr); gap:7px; padding:9px; } #rmbz-vip .rvgu-money>.ms{ width:32px; height:32px; font-size:17px; } #rmbz-vip .rvgu-money strong{ font-size:11px; } #rmbz-vip .rvgu-confirm-copy{ grid-template-columns:46px minmax(0,1fr); } #rmbz-vip .rvgu-confirm-icon{ width:46px; height:46px; border-radius:15px; font-size:23px; } } @keyframes rmbzVipSheet{ from{ transform:translateY(28px); opacity:.72; } to{ transform:translateY(0); opacity:1; } } #rmbz-vip .deposit-proof-trigger{ width:100%; display:block; overflow:hidden; margin-top:12px; padding:0; border:1px solid var(--border); border-radius:16px; background:var(--elev); color:var(--brand-ink); font-family:inherit; cursor:pointer; } #rmbz-vip .deposit-proof-trigger img{ width:100%; max-height:300px; display:block; object-fit:contain; background:var(--elev); } #rmbz-vip .deposit-proof-trigger-label{ min-height:43px; display:flex; align-items:center; justify-content:center; gap:7px; padding:9px 12px; border-top:1px solid var(--border); font-size:12px; font-weight:750; } #rmbz-vip .deposit-proof-trigger-label>.ms{ font-size:17px; } #rmbz-vip .deposit-proof-id-note{ display:flex; align-items:flex-start; gap:9px; margin-top:12px; padding:11px 12px; border:1px solid color-mix(in srgb,var(--info) 30%,var(--border)); border-radius:14px; background:var(--info-soft); color:var(--text2); } #rmbz-vip .deposit-proof-id-note>.ms{ flex:0 0 auto; margin-top:1px; color:var(--info); font-size:19px; font-variation-settings:'FILL' 1; } #rmbz-vip .deposit-proof-id-note strong{ display:block; color:var(--text); font-size:11.5px; } #rmbz-vip .deposit-proof-id-note span:last-child{ display:block; margin-top:2px; color:var(--text2); font-size:10.5px; line-height:1.45; } #rmbz-vip .deposit-proof-viewer{ z-index:140; padding:0; background:rgba(0,0,0,.94); } #rmbz-vip .deposit-proof-dialog{ width:100vw; height:100vh; max-width:none; max-height:none; display:grid; grid-template-rows:auto minmax(0,1fr); overflow:hidden; padding:0; border:0; border-radius:0; background:#08090b; color:#fff; } #rmbz-vip .deposit-proof-toolbar{ min-height:64px; display:flex; align-items:center; gap:12px; padding:10px 16px; border-bottom:1px solid rgba(255,255,255,.12); background:rgba(16,17,20,.96); } #rmbz-vip .deposit-proof-toolbar-icon{ width:40px; height:40px; display:flex; align-items:center; justify-content:center; flex:0 0 40px; border-radius:13px; background:rgba(240,185,11,.16); color:#f0b90b; font-size:21px; } #rmbz-vip .deposit-proof-toolbar-copy{ flex:1; min-width:0; } #rmbz-vip .deposit-proof-title{ margin:0; overflow:hidden; color:#fff; font-size:15px; font-weight:780; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .deposit-proof-subtitle{ margin-top:2px; color:rgba(255,255,255,.62); font-size:10.5px; } #rmbz-vip .deposit-proof-original,#rmbz-vip .deposit-proof-close{ min-height:40px; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:8px 12px; border:1px solid rgba(255,255,255,.15); border-radius:100px; background:rgba(255,255,255,.08); color:#fff; font-family:inherit; font-size:11px; font-weight:700; cursor:pointer; text-decoration:none; } #rmbz-vip .deposit-proof-original>.ms,#rmbz-vip .deposit-proof-close>.ms{ font-size:18px; } #rmbz-vip .deposit-proof-close{ width:40px; padding:0; } #rmbz-vip .deposit-proof-stage{ min-width:0; min-height:0; display:flex; align-items:center; justify-content:center; overflow:auto; padding:18px; } #rmbz-vip .deposit-proof-full{ max-width:100%; max-height:100%; display:block; object-fit:contain; border-radius:4px; box-shadow:0 22px 70px rgba(0,0,0,.55); } @media(max-width:600px){ #rmbz-vip .deposit-proof-toolbar{ min-height:58px; padding:8px 10px; } #rmbz-vip .deposit-proof-toolbar-icon{ width:36px; height:36px; flex-basis:36px; font-size:19px; } #rmbz-vip .deposit-proof-original{ width:40px; padding:0; font-size:0; } #rmbz-vip .deposit-proof-stage{ padding:10px; } } #rmbz-vip .wstep{ display:none; } #rmbz-vip .wstep.on{ display:block; } #rmbz-vip .met{ display:flex; align-items:center; gap:14px; width:100%; border:2px solid var(--border); background:var(--elev); border-radius:18px; padding:14px 16px; text-align:left; cursor:pointer; font-family:inherit; margin-bottom:10px; } #rmbz-vip .met.on{ border-color:var(--brand); background:var(--brand-soft); } #rmbz-vip .chip{ border:1px solid var(--border2); background:transparent; color:var(--text2); font-family:inherit; font-size:12.5px; font-weight:650; padding:9px 17px; border-radius:100px; cursor:pointer; } #rmbz-vip .chip:hover{ background:var(--hover); } #rmbz-vip :where(button,a,input,select,textarea,[tabindex]):focus-visible{ outline:3px solid var(--brand); outline-offset:3px; } #rmbz-vip .rvd-tabs{ display:flex; gap:5px; margin-bottom:18px; padding:5px; overflow-x:auto; border:1px solid var(--border); border-radius:18px; background:var(--surface); scrollbar-width:none; } #rmbz-vip .rvd-tabs::-webkit-scrollbar{ display:none; } #rmbz-vip .rvd-tab{ min-height:39px; display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:0 0 auto; padding:8px 14px; border:0; border-radius:13px; background:transparent; color:var(--text2); font-family:inherit; font-size:12px; font-weight:700; cursor:pointer; transition:background .16s,color .16s; } #rmbz-vip .rvd-tab .ms{ font-size:17px; } #rmbz-vip .rvd-tab:hover{ background:var(--hover); color:var(--text); } #rmbz-vip .rvd-tab.on{ background:var(--brand-soft); color:var(--brand-ink); font-weight:800; } #rmbz-vip .rvd-tab.on .ms{ font-variation-settings:'FILL' 1; } #rmbz-vip .distro-summary-grid{ display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:14px; } #rmbz-vip .distro-balance-card{ position:relative; overflow:hidden; min-height:172px; padding:22px 24px; border:1px solid rgba(255,255,255,.06); border-radius:25px; background:linear-gradient(145deg,#32485e,#26394c); color:#fff; } #rmbz-vip .distro-balance-card::after{ content:''; position:absolute; width:155px; height:155px; right:-60px; top:-70px; border-radius:50%; background:rgba(255,255,255,.045); } #rmbz-vip .distro-summary-head{ position:relative; display:flex; align-items:center; gap:9px; } #rmbz-vip .distro-summary-icon{ width:38px; height:38px; flex:0 0 38px; align-items:center; justify-content:center; border-radius:13px; background:var(--brand-soft); color:var(--brand-ink); font-size:20px; font-variation-settings:'FILL' 1; } #rmbz-vip .distro-balance-card .distro-summary-icon{ background:rgba(255,255,255,.11); color:#fff; } #rmbz-vip .distro-summary-label{ color:var(--muted); font-size:9.5px; line-height:1.25; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } #rmbz-vip .distro-balance-card .distro-summary-label{ color:rgba(255,255,255,.68); } #rmbz-vip .distro-summary-value{ position:relative; margin-top:16px; color:var(--text); font-family:'JetBrains Mono',monospace; font-size:25px; line-height:1.1; font-weight:680; letter-spacing:-.025em; } #rmbz-vip .distro-balance-card .distro-summary-value{ color:#fff; font-size:30px; } #rmbz-vip .distro-summary-meta{ position:relative; margin-top:7px; color:var(--muted); font-size:10.5px; line-height:1.45; } #rmbz-vip .distro-balance-card .distro-summary-meta{ color:rgba(255,255,255,.6); } #rmbz-vip .distro-summary-card{ min-height:172px; padding:20px; border:1px solid var(--border); border-radius:25px; background:var(--surface); } #rmbz-vip .distro-create-banner{ display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:14px; align-items:center; margin-top:14px; padding:17px 18px; border:1px solid color-mix(in srgb,var(--brand) 45%,var(--border)); border-radius:22px; background:linear-gradient(120deg,var(--brand-soft),var(--surface) 70%); } #rmbz-vip .distro-create-icon{ width:48px; height:48px; align-items:center; justify-content:center; border-radius:16px; background:var(--brand); color:var(--on-brand); font-size:24px; font-variation-settings:'FILL' 1; } #rmbz-vip .distro-create-title{ color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:16px; line-height:1.25; font-weight:780; } #rmbz-vip .distro-create-title span{ color:var(--brand-ink); } #rmbz-vip .distro-create-text{ margin-top:3px; color:var(--text2); font-size:10.5px; line-height:1.45; } #rmbz-vip .distro-create-action{ min-height:42px; justify-content:center; padding:9px 16px; background:var(--brand); color:var(--on-brand); font-size:11px; } #rmbz-vip .distro-create-action .ms{ font-size:18px; } #rmbz-vip .distro-dsp-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; } #rmbz-vip .distro-dsp-card{ position:relative; overflow:hidden; min-height:78px; display:flex; align-items:center; gap:12px; padding:15px 17px; border-radius:20px; color:#fff !important; text-decoration:none; transition:transform .17s ease,filter .17s ease; } #rmbz-vip .distro-dsp-card:hover{ transform:translateY(-2px); filter:brightness(1.04); } #rmbz-vip .distro-dsp-card.spotify{ background:linear-gradient(120deg,#1db954,#0c6a32); } #rmbz-vip .distro-dsp-card.apple{ background:linear-gradient(120deg,#fa2d48,#891729); } #rmbz-vip .distro-dsp-logo{ width:42px; height:42px; flex:0 0 42px; display:flex; align-items:center; justify-content:center; } #rmbz-vip .distro-dsp-copy{ flex:1; min-width:0; } #rmbz-vip .distro-dsp-title{ color:#fff; font-size:12.5px; font-weight:780; } #rmbz-vip .distro-dsp-text{ margin-top:3px; color:rgba(255,255,255,.82); font-size:10px; } #rmbz-vip .distro-dsp-arrow{ color:rgba(255,255,255,.82); font-size:20px; } #rmbz-vip .distro-catalog-head{ display:flex; align-items:center; gap:11px; margin:24px 0 11px; } #rmbz-vip .distro-catalog-icon{ width:38px; height:38px; align-items:center; justify-content:center; border-radius:12px; background:var(--brand-soft); color:var(--brand-ink); font-size:19px; font-variation-settings:'FILL' 1; } #rmbz-vip .distro-catalog-copy{ flex:1; min-width:0; } #rmbz-vip .distro-catalog-title{ color:var(--text); font-size:13px; line-height:1.3; font-weight:780; } #rmbz-vip .distro-catalog-subtitle{ margin-top:2px; color:var(--muted); font-size:10px; } #rmbz-vip .distro-catalog-count{ display:inline-flex; min-height:29px; align-items:center; padding:5px 9px; border-radius:100px; background:var(--elev); color:var(--text2); font-size:9.5px; font-weight:750; white-space:nowrap; } #rmbz-vip .distro-filter{ display:grid; grid-template-columns:minmax(220px,1fr) 150px 160px auto; gap:8px; margin-bottom:14px; padding:10px; border:1px solid var(--border); border-radius:19px; background:var(--surface); } #rmbz-vip .distro-search{ position:relative; } #rmbz-vip .distro-search>.ms{ position:absolute; z-index:1; left:12px; top:50%; transform:translateY(-50%); color:var(--muted); font-size:18px; } #rmbz-vip .distro-filter .inp{ min-height:42px; margin:0; padding:9px 12px; border-radius:12px; font-size:11.5px; } #rmbz-vip .distro-filter .distro-search .inp{ padding-left:38px; } #rmbz-vip .distro-filter-submit{ min-height:42px; justify-content:center; padding:9px 16px; background:var(--brand); color:var(--on-brand); font-size:11px; } #rmbz-vip .distro-release-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(175px,1fr)); gap:14px; } #rmbz-vip .distro-release-link{ min-width:0; color:inherit !important; text-decoration:none; } #rmbz-vip .distro-release-card{ height:100%; overflow:hidden; border:1px solid var(--border); border-radius:20px; background:var(--surface); box-shadow:0 8px 26px -27px rgba(0,0,0,.7); transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease; } #rmbz-vip .distro-release-card:hover{ transform:translateY(-3px); border-color:var(--brand); box-shadow:0 18px 34px -30px rgba(0,0,0,.8); } #rmbz-vip .distro-release-cover{ position:relative; aspect-ratio:1/1; overflow:hidden; background:var(--elev); } #rmbz-vip .distro-release-cover img{ width:100%; height:100%; display:block; object-fit:cover; transition:transform .2s ease; } #rmbz-vip .distro-release-card:hover .distro-release-cover img{ transform:scale(1.025); } #rmbz-vip .distro-release-placeholder{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--muted); } #rmbz-vip .distro-release-placeholder .ms{ font-size:34px; } #rmbz-vip .distro-release-status{ position:absolute; top:9px; left:9px; display:inline-flex; align-items:center; gap:5px; min-height:26px; padding:5px 8px; border-radius:100px; background:rgba(12,12,14,.78); color:#fff; font-size:9px; font-weight:780; backdrop-filter:blur(8px); } #rmbz-vip .distro-release-status-dot{ width:6px; height:6px; flex:0 0 6px; border-radius:50%; } #rmbz-vip .distro-release-body{ padding:11px 12px 12px; } #rmbz-vip .distro-release-title{ overflow:hidden; color:var(--text); font-size:12px; line-height:1.35; font-weight:760; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .distro-release-type{ display:flex; align-items:center; gap:5px; margin-top:4px; color:var(--muted); font-size:9.5px; text-transform:capitalize; } #rmbz-vip .distro-release-type .ms{ font-size:13px; } #rmbz-vip .distro-new-release{ min-height:100%; padding:0; border:0; background:transparent; font-family:inherit; cursor:pointer; } #rmbz-vip .distro-new-release-inner{ height:100%; min-height:220px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; border:2px dashed var(--border2); border-radius:20px; background:var(--elev); color:var(--muted); transition:border-color .17s,color .17s,background .17s; } #rmbz-vip .distro-new-release:hover .distro-new-release-inner{ border-color:var(--brand); background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .distro-new-release-icon{ width:42px; height:42px; align-items:center; justify-content:center; border-radius:14px; background:var(--surface); font-size:23px; } #rmbz-vip .distro-new-release-label{ font-size:10.5px; font-weight:750; } #rmbz-vip .distro-empty{ min-height:240px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:30px 22px; border:1px solid var(--border); border-radius:23px; background:var(--surface); text-align:center; } #rmbz-vip .distro-empty>.ms{ width:56px; height:56px; align-items:center; justify-content:center; border-radius:18px; background:var(--elev); color:var(--muted); font-size:28px; } #rmbz-vip .distro-empty-title{ margin-top:12px; color:var(--text); font-size:13px; font-weight:780; } #rmbz-vip .distro-empty-text{ max-width:420px; margin:5px 0 14px; color:var(--muted); font-size:10.5px; line-height:1.5; } #rmbz-vip .distro-quick-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:22px; } #rmbz-vip .distro-quick-card{ display:flex; align-items:center; gap:12px; min-height:78px; padding:15px 17px; border:1px solid var(--border); border-radius:20px; background:var(--surface); color:var(--text); font-family:inherit; text-align:left; cursor:pointer; transition:background .16s,border-color .16s; } #rmbz-vip .distro-quick-card:hover{ border-color:var(--brand); background:var(--brand-soft); } #rmbz-vip .distro-quick-icon{ width:40px; height:40px; flex:0 0 40px; align-items:center; justify-content:center; border-radius:13px; background:var(--brand-soft); color:var(--brand-ink); font-size:20px; font-variation-settings:'FILL' 1; } #rmbz-vip .distro-quick-copy{ flex:1; min-width:0; } #rmbz-vip .distro-quick-title{ color:var(--text); font-size:11.5px; font-weight:780; } #rmbz-vip .distro-quick-text{ margin-top:2px; color:var(--muted); font-size:9.5px; line-height:1.4; } #rmbz-vip .distro-quick-arrow{ color:var(--muted); font-size:18px; } #rmbz-vip .release-detail-back{ min-height:40px; margin-bottom:12px; padding:8px 13px; border:1px solid var(--border); background:var(--surface); color:var(--text2); font-size:10.5px; } #rmbz-vip .release-detail-back .ms{ font-size:17px; } #rmbz-vip .release-hero{ display:grid; grid-template-columns:170px minmax(0,1fr); gap:21px; padding:20px; border:1px solid var(--border); border-radius:27px; background:var(--surface); box-shadow:0 10px 32px -31px rgba(0,0,0,.72); } #rmbz-vip .release-hero-cover{ width:170px; aspect-ratio:1/1; overflow:hidden; display:flex; align-items:center; justify-content:center; border-radius:21px; background:var(--elev); color:var(--muted); } #rmbz-vip .release-hero-cover img{ width:100%; height:100%; display:block; object-fit:cover; } #rmbz-vip .release-hero-cover>.ms{ font-size:42px; } #rmbz-vip .release-hero-content{ min-width:0; display:flex; flex-direction:column; } #rmbz-vip .release-hero-top{ display:flex; align-items:flex-start; gap:12px; } #rmbz-vip .release-hero-heading{ flex:1; min-width:0; } #rmbz-vip .release-status{ display:inline-flex; align-items:center; gap:6px; min-height:27px; padding:5px 9px; border-radius:100px; font-size:9.5px; font-weight:800; } #rmbz-vip .release-status::before{ content:''; width:6px; height:6px; border-radius:50%; background:currentColor; } #rmbz-vip .release-hero-title{ margin-top:8px; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:25px; line-height:1.2; font-weight:780; letter-spacing:-.02em; } #rmbz-vip .release-hero-artist{ margin-top:4px; color:var(--text2); font-size:11.5px; } #rmbz-vip .release-meta{ display:flex; gap:6px; flex-wrap:wrap; margin-top:11px; } #rmbz-vip .release-meta-chip{ display:inline-flex; align-items:center; gap:5px; min-height:28px; padding:5px 8px; border:1px solid var(--border); border-radius:9px; background:var(--elev); color:var(--text2); font-size:9.5px; } #rmbz-vip .release-meta-chip .ms{ color:var(--brand-ink); font-size:14px; } #rmbz-vip .release-hero-metrics{ display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; } #rmbz-vip .release-hero-metric{ min-width:120px; padding:10px 11px; border:1px solid var(--border); border-radius:14px; background:var(--elev); } #rmbz-vip .release-hero-metric-label{ color:var(--muted); font-size:8.5px; font-weight:780; letter-spacing:.07em; text-transform:uppercase; } #rmbz-vip .release-hero-metric-value{ margin-top:4px; color:var(--text); font-family:'JetBrains Mono',monospace; font-size:17px; line-height:1.15; font-weight:700; } #rmbz-vip .release-hero-metric.success .release-hero-metric-value{ color:var(--success); } #rmbz-vip .release-actions{ grid-column:1 / -1; display:flex; gap:8px; flex-wrap:wrap; padding-top:15px; border-top:1px solid var(--border); } #rmbz-vip .release-action{ min-height:40px; padding:8px 13px; font-size:10.5px; } #rmbz-vip .release-action .ms{ font-size:17px; } #rmbz-vip .release-action.primary{ background:var(--brand); color:var(--on-brand); } #rmbz-vip .release-action.tonal{ background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .release-action.outlined{ border:1px solid var(--border2); background:transparent; color:var(--text2); } #rmbz-vip .release-action.danger{ border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border)); background:var(--danger-soft); color:var(--danger); } #rmbz-vip .release-action.locked{ border:1px solid var(--border); background:var(--elev); color:var(--muted); cursor:default; } #rmbz-vip .release-feedback{ display:flex; align-items:center; gap:8px; margin-top:11px; padding:10px 12px; border-radius:14px; font-size:10.5px; font-weight:700; } #rmbz-vip .release-feedback.success{ background:var(--success-soft); color:var(--success); } #rmbz-vip .release-feedback.danger{ background:var(--danger-soft); color:var(--danger); } #rmbz-vip .release-license-box{ margin-top:12px; } #rmbz-vip .release-license-box>.card{ padding:17px 18px !important; border-radius:21px !important; box-shadow:none; } #rmbz-vip .release-license-head{ display:flex; align-items:center; gap:11px; } #rmbz-vip .release-license-icon{ width:40px; height:40px; display:flex; align-items:center; justify-content:center; flex:0 0 40px; border-radius:13px; background:var(--brand-soft); color:var(--brand-ink); font-size:20px; font-variation-settings:'FILL' 1; } #rmbz-vip .release-license-head-copy{ flex:1; min-width:0; } #rmbz-vip .release-license-title{ color:var(--text); font-size:11.5px; font-weight:800; } #rmbz-vip .release-license-subtitle{ margin-top:2px; color:var(--muted); font-size:9px; line-height:1.45; } #rmbz-vip .release-license-registration{ display:flex; align-items:center; gap:22px; } #rmbz-vip .release-license-registration-copy{ flex:1; min-width:0; } #rmbz-vip .release-license-registration-copy p{ margin:9px 0 0; color:var(--text2); font-size:9.5px; line-height:1.5; } #rmbz-vip .release-license-registration-action{ min-width:164px; min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:0 0 auto; margin-left:auto; padding:10px 17px; border-radius:100px; background:var(--brand); color:var(--on-brand); font-size:10px; font-weight:780; text-align:center; text-decoration:none; } #rmbz-vip .release-license-registration-action>.ms{ font-size:16px; } #rmbz-vip .release-tracker{ margin-top:12px; padding:19px; border:1px solid var(--border); border-radius:24px; background:var(--surface); } #rmbz-vip .release-tracker-head{ display:flex; align-items:center; gap:11px; } #rmbz-vip .release-tracker-icon{ width:40px; height:40px; flex:0 0 40px; align-items:center; justify-content:center; border-radius:13px; background:var(--brand-soft); color:var(--brand-ink); font-size:20px; font-variation-settings:'FILL' 1; } #rmbz-vip .release-tracker-copy{ flex:1; min-width:0; } #rmbz-vip .release-tracker-kicker{ color:var(--muted); font-size:8.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; } #rmbz-vip .release-tracker-title{ margin-top:2px; color:var(--text); font-size:12.5px; font-weight:780; } #rmbz-vip .release-tracker-state{ display:inline-flex; align-items:center; gap:5px; min-height:28px; padding:5px 9px; border-radius:100px; font-size:9.5px; font-weight:780; white-space:nowrap; } #rmbz-vip .release-tracker-state .ms{ font-size:14px; } #rmbz-vip .release-tracker-steps{ position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:19px; } #rmbz-vip .release-tracker-rail{ position:absolute; z-index:0; top:14px; left:10%; right:10%; height:3px; overflow:hidden; border-radius:100px; background:var(--border2); } #rmbz-vip .release-tracker-rail span{ display:block; width:var(--release-progress); height:100%; border-radius:inherit; background:var(--success); } #rmbz-vip .release-tracker-step{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; min-width:0; color:var(--muted); text-align:center; } #rmbz-vip .release-tracker-dot{ width:30px; height:30px; align-items:center; justify-content:center; border:2px solid var(--border2); border-radius:50%; background:var(--surface); color:var(--muted); font-size:15px; } #rmbz-vip .release-tracker-step.done .release-tracker-dot{ border-color:var(--success); background:var(--success); color:#fff; } #rmbz-vip .release-tracker-step.current .release-tracker-dot{ border-color:var(--brand); background:var(--brand); color:var(--on-brand); box-shadow:0 0 0 5px var(--brand-soft); font-variation-settings:'FILL' 1; } #rmbz-vip .release-tracker-step-title{ margin-top:7px; color:var(--text2); font-size:9.5px; line-height:1.25; font-weight:750; } #rmbz-vip .release-tracker-step.current .release-tracker-step-title{ color:var(--brand-ink); } #rmbz-vip .release-tracker-step-sub{ margin-top:2px; color:var(--muted); font-size:8px; line-height:1.25; } #rmbz-vip .release-listen{ margin-top:18px; padding-top:15px; border-top:1px solid var(--border); } #rmbz-vip .release-listen-head{ display:flex; align-items:center; gap:8px; margin-bottom:9px; color:var(--text); font-size:10.5px; font-weight:780; } #rmbz-vip .release-listen-head .ms{ color:var(--success); font-size:17px; } #rmbz-vip .release-listen-note{ margin-left:auto; color:var(--muted); font-size:8.5px; font-weight:600; } #rmbz-vip .release-store-chips{ display:flex; flex-wrap:wrap; gap:7px; } #rmbz-vip .release-store-chip{ display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:6px 10px; border:1px solid var(--border); border-radius:100px; background:var(--elev); color:var(--text); font-size:9.5px; font-weight:700; text-decoration:none; } #rmbz-vip .release-store-chip:hover{ border-color:var(--brand); background:var(--brand-soft); } #rmbz-vip .release-store-chip.pending{ color:var(--muted); opacity:.5; } #rmbz-vip .release-store-chip .ms{ color:var(--muted); font-size:13px; } #rmbz-vip .release-history{ margin-top:16px; padding-top:14px; border-top:1px solid var(--border); } #rmbz-vip .release-history>summary{ list-style:none; display:flex; align-items:center; gap:9px; min-height:42px; padding:8px 10px; border-radius:14px; background:var(--elev); color:var(--text); cursor:pointer; } #rmbz-vip .release-history>summary::-webkit-details-marker{ display:none; } #rmbz-vip .release-history-summary-icon{ width:30px; height:30px; align-items:center; justify-content:center; border-radius:10px; background:var(--surface); color:var(--brand-ink); font-size:16px; } #rmbz-vip .release-history-summary-copy{ flex:1; min-width:0; } #rmbz-vip .release-history-title{ font-size:10.5px; font-weight:780; } #rmbz-vip .release-history-subtitle{ margin-top:1px; color:var(--muted); font-size:8.5px; } #rmbz-vip .release-history-chevron{ color:var(--muted); font-size:18px; transition:transform .17s; } #rmbz-vip .release-history[open] .release-history-chevron{ transform:rotate(180deg); } #rmbz-vip .release-timeline{ position:relative; display:flex; flex-direction:column; gap:8px; margin-top:10px; padding-left:17px; } #rmbz-vip .release-timeline::before{ content:''; position:absolute; left:6px; top:10px; bottom:10px; width:2px; border-radius:2px; background:var(--border2); } #rmbz-vip .release-event{ position:relative; display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:9px; align-items:start; padding:10px 11px; border:1px solid var(--border); border-radius:15px; background:var(--elev); } #rmbz-vip .release-event::before{ content:''; position:absolute; left:-15px; top:19px; width:8px; height:8px; border:3px solid var(--surface); border-radius:50%; background:var(--event-color,var(--brand)); } #rmbz-vip .release-event-icon{ width:34px; height:34px; align-items:center; justify-content:center; border-radius:11px; background:var(--surface); color:var(--event-color,var(--brand-ink)); font-size:17px; font-variation-settings:'FILL' 1; } #rmbz-vip .release-event-copy{ min-width:0; } #rmbz-vip .release-event-title{ color:var(--text); font-size:10.5px; line-height:1.35; font-weight:760; } #rmbz-vip .release-event-text{ margin-top:2px; color:var(--text2); font-size:9.5px; line-height:1.45; } #rmbz-vip .release-event-time{ color:var(--muted); font-size:8.5px; white-space:nowrap; } #rmbz-vip .release-event-reason{ grid-column:2 / -1; padding:7px 8px; border:1px solid var(--border); border-radius:9px; background:var(--surface); color:var(--muted); font-family:'JetBrains Mono',monospace; font-size:8.5px; line-height:1.45; word-break:break-word; } #rmbz-vip .release-info-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; align-items:start; } #rmbz-vip .release-info-card{ min-width:0; padding:17px; border:1px solid var(--border); border-radius:21px; background:var(--surface); } #rmbz-vip .release-info-card.attention{ border-style:dashed; border-color:color-mix(in srgb,var(--rev) 55%,var(--border)); } #rmbz-vip .release-section-head{ display:flex; align-items:center; gap:9px; margin-bottom:12px; } #rmbz-vip .release-section-icon{ width:35px; height:35px; flex:0 0 35px; align-items:center; justify-content:center; border-radius:11px; background:var(--brand-soft); color:var(--brand-ink); font-size:18px; font-variation-settings:'FILL' 1; } #rmbz-vip .release-section-copy{ flex:1; min-width:0; } #rmbz-vip .release-section-title{ color:var(--text); font-size:11.5px; line-height:1.3; font-weight:780; } #rmbz-vip .release-section-subtitle{ margin-top:2px; color:var(--muted); font-size:8.5px; line-height:1.4; } #rmbz-vip .release-link-list{ display:flex; flex-direction:column; gap:7px; } #rmbz-vip .release-link-row{ min-width:0; padding:9px 10px; border:1px solid var(--border); border-radius:12px; background:var(--elev); } #rmbz-vip .release-link-label{ color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } #rmbz-vip .release-link-value{ display:flex; align-items:center; gap:5px; overflow:hidden; margin-top:3px; color:var(--text2); font-family:'JetBrains Mono',monospace; font-size:8.5px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .release-link-value.is-empty{ color:var(--muted); font-family:inherit; } #rmbz-vip a.release-link-value{ color:var(--brand-ink); } #rmbz-vip .release-link-value>.ms{ flex:0 0 auto; font-size:13px; } #rmbz-vip .release-profile-state{ display:flex; align-items:flex-start; gap:9px; padding:10px 11px; border-radius:14px; background:var(--elev); } #rmbz-vip .release-profile-state>.ms{ margin-top:1px; color:var(--rev); font-size:18px; } #rmbz-vip .release-profile-state.success>.ms{ color:var(--success); } #rmbz-vip .release-profile-state strong{ display:block; color:var(--text); font-size:10.5px; } #rmbz-vip .release-profile-state span:last-child{ display:block; margin-top:2px; color:var(--text2); font-size:9px; line-height:1.45; } #rmbz-vip .release-profile-action{ min-height:37px; display:inline-flex; align-items:center; justify-content:center; gap:6px; margin-top:10px; padding:8px 12px; border:0; border-radius:100px; background:var(--brand); color:var(--on-brand); font-family:inherit; font-size:9.5px; font-weight:750; cursor:pointer; } #rmbz-vip .release-profile-action>.ms{ font-size:14px; } #rmbz-vip .release-profile-action.outlined{ border:1px solid var(--border2); background:transparent; color:var(--brand-ink); } #rmbz-vip .release-content-section{ margin-top:18px; } #rmbz-vip .release-content-section>.release-section-head{ margin-bottom:9px; } #rmbz-vip .release-data-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(185px,1fr)); overflow:hidden; border:1px solid var(--border); border-radius:19px; background:var(--surface); } #rmbz-vip .release-data-cell{ min-width:0; padding:12px 14px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); } #rmbz-vip .release-data-label{ color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } #rmbz-vip .release-data-value{ margin-top:4px; overflow:hidden; color:var(--text); font-size:10.5px; line-height:1.4; font-weight:700; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .release-data-value.is-empty{ color:var(--muted); font-weight:500; } #rmbz-vip .release-track-list{ display:flex; flex-direction:column; gap:7px; } #rmbz-vip .release-track{ display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 12px; border:1px solid var(--border); border-radius:15px; background:var(--surface); } #rmbz-vip .release-track-number{ width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:11px; background:var(--elev); color:var(--muted); font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:800; } #rmbz-vip .release-track-copy{ min-width:0; } #rmbz-vip .release-track-title{ overflow:hidden; color:var(--text); font-size:10.5px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .release-track-isrc{ margin-top:2px; color:var(--muted); font-family:'JetBrains Mono',monospace; font-size:8.5px; } #rmbz-vip .release-track-duration{ color:var(--muted); font-family:'JetBrains Mono',monospace; font-size:9px; } #rmbz-vip .release-track-explicit{ display:inline-flex; margin-left:5px; padding:1px 4px; border-radius:3px; background:var(--text2); color:var(--surface); font-size:7px; vertical-align:middle; } #rmbz-vip .release-dsp-list{ display:flex; flex-wrap:wrap; gap:7px; } #rmbz-vip .release-dsp-chip{ display:inline-flex; align-items:center; gap:6px; min-height:31px; padding:6px 10px; border:1px solid var(--border); border-radius:100px; background:var(--elev); color:var(--text2); font-size:9.5px; font-weight:650; } #rmbz-vip .release-dsp-logo{ width:18px; height:18px; display:inline-flex; flex:0 0 18px; } #rmbz-vip .release-dsp-logo svg{ width:100%; height:100%; } #rmbz-vip .release-territories{ display:flex; align-items:flex-start; gap:7px; margin-top:10px; padding:9px 11px; border-radius:12px; background:var(--elev); color:var(--muted); font-size:9px; line-height:1.45; } #rmbz-vip .release-territories>.ms{ color:var(--brand-ink); font-size:15px; } #rmbz-vip .release-territories strong{ display:block; margin-bottom:1px; color:var(--text2); font-size:8px; letter-spacing:.06em; text-transform:uppercase; } #rmbz-vip .release-services{ display:flex; flex-direction:column; gap:9px; } #rmbz-vip .release-service-card{ padding:15px 16px; border:1px solid var(--border); border-radius:18px; background:var(--surface); } #rmbz-vip .release-service-head{ display:flex; align-items:center; gap:11px; } #rmbz-vip .release-service-logo{ width:36px; height:36px; display:flex; align-items:center; justify-content:center; flex:0 0 36px; padding:7px; border-radius:11px; background:var(--elev); } #rmbz-vip .release-service-logo svg{ width:100%; height:100%; } #rmbz-vip .release-service-copy{ flex:1; min-width:0; } #rmbz-vip .release-service-name{ color:var(--text); font-size:10.5px; font-weight:780; } #rmbz-vip .release-service-status{ display:inline-flex; align-items:center; gap:4px; margin-top:4px; padding:4px 8px; border-radius:100px; font-size:8.5px; font-weight:750; } #rmbz-vip .release-service-status>.ms{ font-size:12px; } #rmbz-vip .release-service-body{ margin:10px 0 0; color:var(--text2); font-size:9.5px; line-height:1.55; } #rmbz-vip .release-service-note{ display:flex; align-items:flex-start; gap:7px; margin-top:8px; padding:9px 10px; border-radius:11px; background:var(--elev); color:var(--text2); font-size:9px; line-height:1.5; } #rmbz-vip .release-service-note>.ms{ flex:0 0 auto; color:var(--brand-ink); font-size:15px; } @media (max-width:760px){ #rmbz-vip .release-hero{ grid-template-columns:130px minmax(0,1fr); gap:16px; padding:17px; } #rmbz-vip .release-hero-cover{ width:130px; } #rmbz-vip .release-hero-title{ font-size:21px; } #rmbz-vip .release-action{ flex:1; justify-content:center; } #rmbz-vip .release-tracker-step-sub{ display:none; } } @media (max-width:560px){ #rmbz-vip .release-hero{ grid-template-columns:1fr; } #rmbz-vip .release-hero-cover{ width:118px; } #rmbz-vip .release-actions{ grid-column:1; } #rmbz-vip .release-hero-metric{ flex:1; min-width:100px; } #rmbz-vip .release-license-registration{ flex-direction:column; align-items:stretch; gap:14px; } #rmbz-vip .release-license-registration-action{ width:100%; margin-left:0; } #rmbz-vip .release-tracker{ padding:15px; border-radius:20px; } #rmbz-vip .release-tracker-head{ align-items:flex-start; flex-wrap:wrap; } #rmbz-vip .release-tracker-state{ margin-left:51px; } #rmbz-vip .release-tracker-dot{ width:27px; height:27px; font-size:14px; } #rmbz-vip .release-tracker-rail{ top:12px; } #rmbz-vip .release-tracker-step-title{ font-size:8px; } #rmbz-vip .release-event{ grid-template-columns:30px minmax(0,1fr); } #rmbz-vip .release-event-icon{ width:30px; height:30px; } #rmbz-vip .release-event-time{ grid-column:2; } #rmbz-vip .release-event-reason{ grid-column:1 / -1; } #rmbz-vip .release-info-grid{ grid-template-columns:1fr; } #rmbz-vip .release-data-grid{ grid-template-columns:1fr 1fr; } } @media (max-width:1100px){ #rmbz-vip .distro-summary-grid{ grid-template-columns:1fr 1fr; } #rmbz-vip .distro-balance-card{ grid-column:1 / -1; } #rmbz-vip .distro-filter{ grid-template-columns:minmax(180px,1fr) 140px 150px auto; } } @media (max-width:760px){ #rmbz-vip .rvd-tabs{ margin-left:-2px; margin-right:-2px; border-radius:15px; } #rmbz-vip .distro-summary-grid,#rmbz-vip .distro-dsp-grid,#rmbz-vip .distro-quick-grid{ grid-template-columns:1fr; } #rmbz-vip .distro-balance-card{ grid-column:auto; } #rmbz-vip .distro-create-banner{ grid-template-columns:44px minmax(0,1fr); } #rmbz-vip .distro-create-icon{ width:44px; height:44px; } #rmbz-vip .distro-create-action{ grid-column:1 / -1; width:100%; } #rmbz-vip .distro-filter{ grid-template-columns:1fr 1fr; } #rmbz-vip .distro-search{ grid-column:1 / -1; } #rmbz-vip .distro-filter-submit{ grid-column:1 / -1; } } @media (max-width:520px){ #rmbz-vip .distro-summary-card,#rmbz-vip .distro-balance-card{ min-height:154px; padding:18px; border-radius:21px; } #rmbz-vip .distro-filter{ grid-template-columns:1fr; } #rmbz-vip .distro-search,#rmbz-vip .distro-filter-submit{ grid-column:auto; } #rmbz-vip .distro-release-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } #rmbz-vip .distro-new-release-inner{ min-height:190px; } #rmbz-vip .distro-catalog-head{ align-items:flex-start; } } #rmbz-vip .rvd-somas-native .rmbz-somas-chooser{ padding:18px; border:1px solid var(--border); border-radius:23px; background:var(--surface); color:var(--text); } #rmbz-vip .rvd-somas-native .rmbz-somas-chooser__title{ margin:0; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:18px; font-weight:780; letter-spacing:-.015em; } #rmbz-vip .rvd-somas-native .rmbz-somas-chooser__intro{ margin:6px 0 15px; color:var(--text2); font-size:12px; line-height:1.5; } #rmbz-vip .rvd-somas-native .rmbz-somas-chooser__options{ display:grid; grid-template-columns:1fr 1fr; gap:12px; } #rmbz-vip .rvd-somas-native .rmbz-somas-chooser__option{ min-width:0; display:flex; flex-direction:column; padding:16px; border:1px solid var(--border); border-radius:18px; background:var(--elev); color:var(--text); text-decoration:none; transition:border-color .16s,background .16s,transform .16s; } #rmbz-vip .rvd-somas-native .rmbz-somas-chooser__option:hover{ border-color:var(--brand); background:var(--brand-soft); transform:translateY(-2px); } #rmbz-vip .rvd-somas-native .rmbz-somas-chooser__option-icon{ width:40px; height:40px; display:flex; align-items:center; justify-content:center; margin:0 0 10px; border-radius:13px; background:var(--surface); color:var(--brand-ink); font-size:20px; } #rmbz-vip .rvd-somas-native .rmbz-somas-chooser__option h4{ margin:0 0 6px; color:var(--text); font-size:11.5px; } #rmbz-vip .rvd-somas-native .rmbz-somas-chooser__option p{ flex:1; margin:0 0 11px; color:var(--text2); font-size:11.5px; line-height:1.5; } #rmbz-vip .rvd-somas-native .rmbz-somas-chooser__option-price{ margin:0 0 10px; padding:9px 10px; border:1px solid var(--border); border-radius:11px; background:var(--surface); color:var(--muted); font-size:11px; } #rmbz-vip .rvd-somas-native .rmbz-somas-chooser__option-price strong{ color:var(--text); font-size:12px; } #rmbz-vip .rvd-somas-native .rmbz-somas-chooser__option-cta{ display:inline-flex; align-items:center; color:var(--brand-ink); font-size:11.5px; font-weight:780; } #rmbz-vip .rvd-somas-native .rmbz-somas-chooser__footnote{ margin:14px 0 0; color:var(--muted); font-size:10.5px; text-align:center; } #rmbz-vip .rvd-somas-native{ width:100%; max-width:1040px; margin:0 auto; } #rmbz-vip .rvd-somas-native .rmbz-somas-back{ display:inline-flex; align-items:center; gap:6px; min-height:38px; margin:0 0 10px; padding:8px 12px; border:1px solid var(--border); border-radius:100px; background:var(--surface); color:var(--text2); font-size:11px; font-weight:700; text-decoration:none; } #rmbz-vip .rvd-somas-native .rmbz-somas-back .ms{ font-size:15px; } #rmbz-vip .rvd-somas-native .rmbz-licensing-form-intro{ margin:0 0 12px; padding:17px 18px; border:1px solid var(--border); border-radius:21px; background:var(--surface); } #rmbz-vip .rvd-somas-native .rmbz-somas-intro-heading{ display:grid; grid-template-columns:36px minmax(0,1fr); align-items:center; gap:10px; } #rmbz-vip .rvd-somas-native .rmbz-somas-intro-icon{ width:36px; height:36px; display:grid; place-items:center; border-radius:11px; background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .rvd-somas-native .rmbz-somas-intro-icon>.ms{ width:20px; height:20px; display:block; overflow:hidden; font-size:20px; line-height:20px; text-align:center; font-variation-settings:'FILL' 1; } #rmbz-vip .rvd-somas-native .rmbz-licensing-form-intro h3{ margin:0; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:17px; line-height:1.25; font-weight:780; letter-spacing:-.015em; } #rmbz-vip .rvd-somas-native .rmbz-licensing-form-intro>p{ margin:8px 0 0; color:var(--text2); font-size:11.5px; line-height:1.55; } #rmbz-vip .rvd-somas-native .rmbz-somas-free{ display:flex; align-items:center; gap:8px; margin:12px 0 0; padding:10px 12px; border:1px solid color-mix(in srgb,var(--success) 32%,var(--border)); border-radius:13px; background:var(--success-soft); color:var(--success); font-size:11px; } #rmbz-vip .rvd-somas-native .rmbz-somas-free>.ms{ font-size:17px; font-variation-settings:'FILL' 1; } #rmbz-vip .rvd-somas-native .rmbz-licensing-balance-row{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-top:12px; padding:10px 12px; border-radius:13px; background:var(--elev); color:var(--text2); font-size:11px; } #rmbz-vip .rvd-somas-native .rmbz-licensing-balance-row strong{ margin-left:auto; color:var(--text); font-family:'JetBrains Mono',monospace; font-size:11px; } #rmbz-vip .rvd-somas-native .rmbz-licensing-balance-warn{ display:inline-flex; align-items:center; gap:4px; color:var(--danger); font-weight:750; } #rmbz-vip .rvd-somas-native .rmbz-somas-form{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0; padding:18px; border:1px solid var(--border); border-radius:23px; background:var(--surface); } #rmbz-vip .rvd-somas-native .rmbz-somas-fieldset{ min-width:0; grid-column:1 / -1; margin:0; padding:15px; border:1px solid var(--border); border-radius:17px; background:var(--elev); } #rmbz-vip .rvd-somas-native .rmbz-somas-fieldset--half{ grid-column:auto; } #rmbz-vip .rvd-somas-native .rmbz-somas-fieldset legend{ display:inline-flex; align-items:center; gap:6px; margin-left:-4px; padding:0 7px; color:var(--text); font-size:12px; font-weight:780; } #rmbz-vip .rvd-somas-native .rmbz-somas-fieldset legend>.ms{ color:var(--brand-ink); font-size:16px; font-variation-settings:'FILL' 1; } #rmbz-vip .rvd-somas-native .rmbz-somas-grid{ display:grid; grid-template-columns:1fr 1fr; gap:11px; } #rmbz-vip .rvd-somas-native .rmbz-somas-grid__full{ grid-column:1 / -1; } #rmbz-vip .rvd-somas-native .rmbz-somas-grid label{ min-width:0; display:flex; flex-direction:column; gap:6px; color:var(--text2); font-size:11px; font-weight:700; } #rmbz-vip .rvd-somas-native .rmbz-somas-grid input, #rmbz-vip .rvd-somas-native .rmbz-somas-grid select, #rmbz-vip .rvd-somas-native .rmbz-somas-fieldset textarea{ width:100%; min-height:47px; box-sizing:border-box; margin:0; padding:10px 12px; border:1px solid var(--border2); border-radius:12px; outline:0; background:var(--surface); color:var(--text); font:inherit; font-size:12px; transition:border-color .16s,box-shadow .16s,background .16s; } #rmbz-vip .rvd-somas-native .rmbz-somas-grid input:focus, #rmbz-vip .rvd-somas-native .rmbz-somas-grid select:focus, #rmbz-vip .rvd-somas-native .rmbz-somas-fieldset textarea:focus{ border-color:var(--brand); background:var(--surface); box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent); } #rmbz-vip .rvd-somas-native .rmbz-field-warn{ min-height:0; color:var(--danger); font-size:10px; line-height:1.35; } #rmbz-vip .rvd-somas-native .rmbz-somas-bi-help{ margin:4px 0 11px; color:var(--muted); font-size:10.5px; line-height:1.5; } #rmbz-vip .rvd-somas-native .rmbz-somas-bi-input{ width:100%; min-height:60px; box-sizing:border-box; padding:8px; border:1px dashed var(--border2); border-radius:14px; background:var(--surface); color:var(--text2); font-family:inherit; font-size:11px; cursor:pointer; } #rmbz-vip .rvd-somas-native .rmbz-somas-bi-input::file-selector-button{ min-height:41px; margin-right:10px; padding:8px 13px; border:0; border-radius:10px; background:var(--brand-soft); color:var(--brand-ink); font-family:inherit; font-size:11px; font-weight:780; cursor:pointer; } #rmbz-vip .rvd-somas-native .rmbz-somas-bi-current{ margin:0 0 9px; padding:9px 11px; border:1px solid var(--border); border-radius:12px; background:var(--surface); color:var(--text2); font-size:11px; } #rmbz-vip .rvd-somas-native .rmbz-somas-bi-current__label{ display:block; color:var(--muted); font-size:10px; } #rmbz-vip .rvd-somas-native .rmbz-somas-bi-current__link{ display:inline-flex; margin-top:3px; color:var(--brand-ink); font-weight:750; } #rmbz-vip .rvd-somas-native .rmbz-somas-bi-current__hint{ margin:4px 0 0; color:var(--muted); font-size:10px; } #rmbz-vip .rvd-somas-native .rmbz-somas-actions{ grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:3px 2px 0; } #rmbz-vip .rvd-somas-native .rmbz-somas-actions .rmbz-btn{ min-width:200px; min-height:45px; order:2; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:10px 18px; border:0; border-radius:100px; background:var(--brand); color:var(--on-brand); font-family:inherit; font-size:12px; font-weight:800; cursor:pointer; } #rmbz-vip .rvd-somas-native .rmbz-somas-actions .rmbz-btn:disabled{ opacity:.45; cursor:not-allowed; } #rmbz-vip .rvd-somas-native .rmbz-somas-disclaimer{ max-width:620px; order:1; display:flex; align-items:flex-start; gap:7px; margin:0; color:var(--muted); font-size:10.5px; line-height:1.5; } #rmbz-vip .rvd-somas-native .rmbz-somas-disclaimer>.ms{ flex:0 0 auto; color:var(--brand-ink); font-size:15px; } #rmbz-vip .rvd-somas-native .rmbz-licensing-status{ display:grid; grid-template-columns:40px minmax(0,1fr); gap:5px 12px; margin:0 0 12px; padding:15px 16px; border:1px solid var(--border); border-radius:18px; background:var(--surface); } #rmbz-vip .rvd-somas-native .rmbz-licensing-status__icon{ grid-row:1 / 4; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:13px; background:var(--brand-soft); color:var(--brand-ink); font-size:20px; } #rmbz-vip .rvd-somas-native .rmbz-licensing-status h3{ margin:0; color:var(--text); font-size:12px; } #rmbz-vip .rvd-somas-native .rmbz-licensing-status p{ margin:0; color:var(--text2); font-size:11.5px; line-height:1.5; } #rmbz-vip .rvd-somas-native .rmbz-licensing-status__note{ color:var(--muted); font-size:10.5px; } @media (max-width:700px){ #rmbz-vip .rvd-somas-native .rmbz-somas-chooser__options{ grid-template-columns:1fr; } #rmbz-vip .rvd-somas-native .rmbz-somas-form{ grid-template-columns:1fr; padding:13px; } #rmbz-vip .rvd-somas-native .rmbz-somas-fieldset--half{ grid-column:1; } #rmbz-vip .rvd-somas-native .rmbz-somas-grid{ grid-template-columns:1fr; } #rmbz-vip .rvd-somas-native .rmbz-somas-grid__full{ grid-column:1; } #rmbz-vip .rvd-somas-native .rmbz-somas-actions{ flex-direction:column; align-items:stretch; } #rmbz-vip .rvd-somas-native .rmbz-somas-actions .rmbz-btn{ width:100%; order:1; } #rmbz-vip .rvd-somas-native .rmbz-somas-disclaimer{ order:2; } } /* [1.5.489] Escala tipográfica legível nas áreas modernas do painel. */ #rmbz-vip :is( .home-card-eyebrow,.home-finance-label,.home-work-label, .shoot-eyebrow,.shoot-date-label,.shoot-complete-kicker, .location-option-label,.project-kicker,.project-stage-kicker, .project-team-origin,.project-metric-label,.project-chat-sender, .distro-summary-label,.release-hero-metric-label,.release-tracker-kicker, .release-link-label,.release-data-label,.release-territories strong, .account-restrictions-kicker,.account-restriction-label, .fine-debt-kicker,.fine-debt-status,.fine-debt-amount-label, .fine-pay-kicker,.fine-pay-summary-label,.fine-pay-label ){ font-size:11px !important; } #rmbz-vip :is( .home-panel-subtitle,.home-panel-link,.home-project-meta,.home-project-status, .home-empty small,.home-utility-badge,.project-stage-step-label, .project-team-role,.project-filming-live-badge,.project-filming-summary, .project-filming-day-meta,.project-filming-result,.project-filming-person-role, .project-chat-delete,.project-chat-event-meta,.project-chat-live, .project-chat-upload-meta,.distro-dsp-text,.distro-catalog-subtitle, .distro-catalog-count,.distro-release-status,.distro-release-type, .distro-quick-text,.release-status,.release-meta-chip,.release-license-subtitle, .release-license-registration-copy p,.release-tracker-state, .release-tracker-step-title,.release-tracker-step-sub,.release-listen-note, .release-store-chip,.release-history-subtitle,.release-event-text, .release-event-time,.release-event-reason,.release-section-subtitle, .release-link-value,.release-profile-state span:last-child, .release-profile-action,.release-track-isrc,.release-track-duration, .release-dsp-chip,.release-territories,.release-service-status, .release-service-body,.release-service-note ){ font-size:11.5px !important; } #rmbz-vip :is(.status,.chip){ font-size:11px !important; } #rmbz-vip .pill{ font-size:11.5px !important; } #rmbz-vip .stats-toolbar{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:15px; } #rmbz-vip .stats-toolbar-copy{ min-width:220px; } #rmbz-vip .stats-toolbar-title{ color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:20px; line-height:1.2; font-weight:780; letter-spacing:-.02em; } #rmbz-vip .stats-toolbar-subtitle{ margin-top:4px; color:var(--muted); font-size:11.5px; line-height:1.5; } #rmbz-vip .stats-toolbar-actions{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; } #rmbz-vip .stats-range{ min-height:38px; display:inline-flex; align-items:center; gap:6px; padding:8px 11px; border-radius:100px; background:var(--brand-soft); color:var(--brand-ink); font-size:11px; font-weight:750; } #rmbz-vip .stats-range.custom{ background:var(--info-soft); color:var(--info); } #rmbz-vip .stats-filter-action{ min-height:38px; border:1px solid var(--border2); background:var(--surface); color:var(--text2); } #rmbz-vip .stats-error{ display:flex; align-items:center; gap:9px; margin-bottom:14px; padding:11px 14px; border-radius:14px; background:var(--danger-soft); color:var(--danger); font-size:11.5px; font-weight:650; } #rmbz-vip .stats-insight-hero{ display:grid; grid-template-columns:50px minmax(0,1fr); gap:15px; align-items:center; margin-bottom:14px; padding:21px 23px; border-radius:24px; background:linear-gradient(125deg,var(--navy),#253c57); color:#fff; } #rmbz-vip .stats-insight-icon{ width:50px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:16px; background:rgba(255,255,255,.12); color:#f0b90b; font-size:26px; font-variation-settings:'FILL' 1; } #rmbz-vip .stats-insight-title{ font-family:'Bricolage Grotesque',sans-serif; font-size:19px; line-height:1.3; font-weight:750; } #rmbz-vip .stats-insight-summary{ margin-top:5px; color:rgba(255,255,255,.76); font-size:12px; line-height:1.6; } #rmbz-vip .stats-metric-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } #rmbz-vip .stats-metric-card{ min-width:0; padding:17px; border:1px solid var(--border); border-radius:20px; background:var(--surface); } #rmbz-vip .stats-metric-head{ display:flex; align-items:center; gap:9px; } #rmbz-vip .stats-metric-icon{ width:36px; height:36px; display:flex; align-items:center; justify-content:center; flex:0 0 36px; border-radius:12px; background:var(--stat-soft,var(--brand-soft)); color:var(--stat-tone,var(--brand-ink)); font-size:19px; font-variation-settings:'FILL' 1; } #rmbz-vip .stats-metric-label{ color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; } #rmbz-vip .stats-metric-value{ margin-top:13px; overflow:hidden; color:var(--stat-tone,var(--text)); font-family:'JetBrains Mono',monospace; font-size:25px; line-height:1.15; font-weight:700; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .stats-metric-detail{ min-height:16px; margin-top:6px; color:var(--muted); font-size:10.5px; line-height:1.45; } #rmbz-vip .stats-metric-detail.trend{ display:flex; align-items:center; gap:4px; color:var(--stat-tone,var(--muted)); } #rmbz-vip .stats-highlight-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:12px; } #rmbz-vip .stats-highlight-card{ display:grid; grid-template-columns:40px minmax(0,1fr); gap:11px; align-items:center; padding:14px; border:1px solid var(--border); border-radius:18px; background:var(--surface); } #rmbz-vip .stats-highlight-icon{ width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:13px; background:var(--brand-soft); color:var(--brand-ink); font-size:21px; font-variation-settings:'FILL' 1; } #rmbz-vip .stats-highlight-label{ color:var(--muted); font-size:9.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; } #rmbz-vip .stats-highlight-value{ margin-top:3px; overflow:hidden; color:var(--text); font-size:13px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .stats-highlight-detail{ margin-top:2px; color:var(--muted); font-size:10px; } #rmbz-vip .stats-activity-hero{ display:grid; grid-template-columns:56px minmax(0,1fr) auto; gap:15px; align-items:center; margin-bottom:13px; padding:20px 22px; border:1px solid var(--border); border-radius:24px; background:linear-gradient(120deg,var(--brand-soft),var(--surface)); } #rmbz-vip .stats-activity-hero-icon{ width:56px; height:56px; display:flex; align-items:center; justify-content:center; border-radius:18px; background:var(--brand); color:var(--on-brand); font-size:28px; font-variation-settings:'FILL' 1; } #rmbz-vip .stats-activity-hero-title{ color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:19px; font-weight:780; } #rmbz-vip .stats-activity-hero-copy{ margin-top:4px; color:var(--text2); font-size:11.5px; line-height:1.55; } #rmbz-vip .stats-activity-hero-badge{ display:inline-flex; align-items:center; gap:5px; padding:7px 10px; border-radius:100px; background:var(--surface); color:var(--brand-ink); font-size:10.5px; font-weight:750; white-space:nowrap; } #rmbz-vip .stats-activity-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; } #rmbz-vip .stats-activity-card{ min-width:0; display:grid; grid-template-columns:42px minmax(0,1fr) 22px; gap:11px; align-items:center; padding:14px; border:1px solid var(--border); border-radius:18px; background:var(--surface); color:var(--text); font-family:inherit; text-align:left; cursor:pointer; } #rmbz-vip .stats-activity-card:hover{ border-color:var(--activity-tone,var(--brand)); background:var(--hover); } #rmbz-vip .stats-activity-icon{ width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:13px; background:var(--activity-soft,var(--brand-soft)); color:var(--activity-tone,var(--brand-ink)); font-size:21px; font-variation-settings:'FILL' 1; } #rmbz-vip .stats-activity-content{ min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; line-height:1.2; } #rmbz-vip .stats-activity-label{ display:block; width:100%; overflow:hidden; color:var(--muted); font-size:9.5px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .stats-activity-value{ display:block; width:100%; margin-top:3px; overflow:hidden; color:var(--text); font-size:16px; line-height:1.2; font-weight:820; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .stats-activity-detail{ display:block; width:100%; margin-top:3px; overflow:hidden; color:var(--muted); font-size:9.5px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .stats-activity-arrow{ color:var(--muted); font-size:19px; } #rmbz-vip .stats-ai-card{ margin-top:16px; padding:17px 18px; border:1px solid var(--border); border-radius:21px; background:var(--surface); } #rmbz-vip .stats-ai-head{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; } #rmbz-vip .stats-ai-icon{ width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:14px; background:var(--brand-soft); color:var(--brand-ink); font-size:23px; } #rmbz-vip .stats-ai-copy{ flex:1; min-width:220px; } #rmbz-vip .stats-ai-title{ font-size:14px; font-weight:800; } #rmbz-vip .stats-ai-subtitle{ margin-top:2px; color:var(--muted); font-size:11px; } #rmbz-vip .stats-achievements{ margin-top:16px; padding:18px; border:1px solid var(--border); border-radius:23px; background:var(--surface); } #rmbz-vip .stats-achievements-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:11px; } #rmbz-vip .stats-achievements-title{ color:var(--text); font-size:14px; font-weight:800; } #rmbz-vip .stats-achievements-subtitle{ margin-top:2px; color:var(--muted); font-size:10.5px; } #rmbz-vip .stats-achievement-group{ border-top:1px solid var(--border); } #rmbz-vip .stats-achievement-group>summary{ min-height:48px; list-style:none; display:flex; align-items:center; gap:9px; padding:9px 3px; cursor:pointer; } #rmbz-vip .stats-achievement-group>summary::-webkit-details-marker{ display:none; } #rmbz-vip .stats-achievement-group-icon{ width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:var(--elev); color:var(--brand-ink); font-size:17px; } #rmbz-vip .stats-achievement-group-name{ flex:1; color:var(--text); font-size:11.5px; font-weight:780; } #rmbz-vip .stats-achievement-group-count{ color:var(--muted); font-size:10px; } #rmbz-vip .stats-achievement-chevron{ color:var(--muted); font-size:19px; transition:transform .16s; } #rmbz-vip .stats-achievement-group[open] .stats-achievement-chevron{ transform:rotate(180deg); } #rmbz-vip .stats-achievement-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:9px; padding:2px 0 13px; } #rmbz-vip .stats-achievement-card{ min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; padding:12px; border:1px solid var(--border); border-radius:15px; background:var(--elev); } #rmbz-vip .stats-achievement-card.achieved{ border-color:color-mix(in srgb,var(--brand) 72%,var(--border)); } #rmbz-vip .stats-achievement-icon{ width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:var(--surface); color:var(--muted); font-size:19px; } #rmbz-vip .stats-achievement-card.achieved .stats-achievement-icon{ background:var(--brand); color:var(--on-brand); } #rmbz-vip .stats-achievement-title{ color:var(--text); font-size:11px; font-weight:750; } #rmbz-vip .stats-achievement-description{ margin-top:2px; color:var(--muted); font-size:9.5px; line-height:1.4; } #rmbz-vip .stats-achievement-progress{ height:5px; overflow:hidden; margin-top:8px; border-radius:10px; background:var(--surface); } #rmbz-vip .stats-achievement-progress>span{ height:100%; display:block; border-radius:inherit; background:var(--info); } #rmbz-vip .stats-achievement-card.achieved .stats-achievement-progress>span{ background:var(--brand); } #rmbz-vip .stats-achievement-meta{ margin-top:4px; color:var(--muted); font-size:9px; } @media(max-width:900px){ #rmbz-vip .stats-metric-grid,#rmbz-vip .stats-highlight-grid,#rmbz-vip .stats-activity-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:600px){ #rmbz-vip .stats-toolbar{ align-items:flex-start; } #rmbz-vip .stats-toolbar-actions{ width:100%; } #rmbz-vip .stats-filter-action{ flex:1; } #rmbz-vip .stats-insight-hero{ grid-template-columns:43px minmax(0,1fr); padding:17px; } #rmbz-vip .stats-insight-icon{ width:43px; height:43px; font-size:22px; } #rmbz-vip .stats-metric-grid,#rmbz-vip .stats-highlight-grid,#rmbz-vip .stats-activity-grid{ grid-template-columns:1fr; } #rmbz-vip .stats-activity-hero{ grid-template-columns:50px minmax(0,1fr); padding:17px; } #rmbz-vip .stats-activity-hero-icon{ width:50px; height:50px; font-size:25px; } #rmbz-vip .stats-activity-hero-badge{ grid-column:2; justify-self:start; } #rmbz-vip .stats-achievements{ padding:15px; } } @keyframes rmbzVipIn{ from{ opacity:0; transform:translateY(10px);} to{ opacity:1; transform:none; } } @keyframes rmbzVipPop{ from{ opacity:0; transform:scale(.95);} to{ opacity:1; transform:none; } } @keyframes rmbzVipRec{ 50%{ opacity:.25; } } /* [1.5.416] Formulário de envio nativo (rvu-*) */ #rmbz-vip .rvu-lbl{ display:block; font-size:12px; font-weight:650; color:var(--text2); margin-bottom:6px; } #rmbz-vip .rvu-type:hover{ border-color:var(--brand); transform:translateY(-2px); } #rmbz-vip .rvu-type.on{ border-color:var(--brand); background:var(--brand-soft); } #rmbz-vip .rvu-yn{ display:flex; gap:8px; } #rmbz-vip .rvu-yn label{ flex:1; display:flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:11px 14px; border:1.5px solid var(--border); background:var(--elev); border-radius:100px; font-size:14px; font-weight:600; color:var(--text2); cursor:pointer; transition:.15s; } #rmbz-vip .rvu-yn input{ position:absolute; opacity:0; width:0; height:0; } #rmbz-vip .rvu-yn label:has(input:checked){ background:var(--brand-soft); border-color:var(--brand); color:var(--brand-ink); } #rmbz-vip .rvu-channel-section{ margin-top:14px; padding:15px; border:1px solid var(--border); border-radius:19px; background:var(--surface); box-shadow:0 10px 28px rgba(15,23,42,.035); } #rmbz-vip .rvu-channel-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:12px; } #rmbz-vip .rvu-channel-head .rvu-lbl{ margin:0; } #rmbz-vip .rvu-channel-head p{ margin:4px 0 0; color:var(--muted); font-size:11.5px; line-height:1.45; } #rmbz-vip .rvu-channel-required{ flex:0 0 auto; display:inline-flex; align-items:center; gap:5px; min-height:28px; padding:5px 9px; border-radius:999px; background:var(--brand-soft); color:var(--brand-ink); font-size:10.5px; font-weight:750; } #rmbz-vip .rvu-channel-required .ms{ font-size:15px; } #rmbz-vip .rvu-channel-picker{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } #rmbz-vip .rvu-channel-option{ position:relative; min-width:0; display:grid; grid-template-columns:44px minmax(0,1fr) 22px; align-items:center; gap:11px; min-height:72px; padding:12px 13px; border:1.5px solid var(--border); border-radius:16px; background:var(--elev); cursor:pointer; transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease; } #rmbz-vip .rvu-channel-option:hover{ transform:translateY(-1px); border-color:var(--border2); box-shadow:0 10px 22px rgba(15,23,42,.055); } #rmbz-vip .rvu-channel-option input{ position:absolute; opacity:0; pointer-events:none; } #rmbz-vip .rvu-channel-brand{ width:44px; height:44px; display:grid; place-items:center; border-radius:13px; background:var(--surface); box-shadow:inset 0 0 0 1px var(--border); } #rmbz-vip .rvu-channel-brand svg{ display:block; } #rmbz-vip .rvu-channel-copy{ min-width:0; } #rmbz-vip .rvu-channel-copy strong{ display:block; color:var(--text); font-size:13.5px; line-height:1.25; } #rmbz-vip .rvu-channel-copy small{ display:block; margin-top:3px; color:var(--muted); font-size:10.5px; line-height:1.3; } #rmbz-vip .rvu-channel-check{ color:var(--muted); font-size:21px; font-variation-settings:'FILL' 0; } #rmbz-vip .rvu-channel-option.is-facebook:has(input:checked){ border-color:#1877f2; background:color-mix(in srgb,#1877f2 7%,var(--surface)); } #rmbz-vip .rvu-channel-option.is-youtube:has(input:checked){ border-color:#ff0033; background:color-mix(in srgb,#ff0033 6%,var(--surface)); } #rmbz-vip .rvu-channel-option:has(input:checked) .rvu-channel-check{ color:var(--success); font-variation-settings:'FILL' 1; } @media(max-width:560px){ #rmbz-vip .rvu-channel-section{ padding:13px; } #rmbz-vip .rvu-channel-head{ align-items:center; } #rmbz-vip .rvu-channel-picker{ grid-template-columns:1fr; } } #rmbz-vip .rvu-feat-builder{ padding:16px; border:1px solid var(--border); border-radius:20px; background:var(--surface); } #rmbz-vip .rvu-feat-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:12px; } #rmbz-vip .rvu-feat-head-copy{ min-width:0; } #rmbz-vip .rvu-feat-head-copy strong{ display:block; color:var(--text); font-size:14px; } #rmbz-vip .rvu-feat-head-copy span{ display:block; margin-top:3px; color:var(--muted); font-size:11.5px; line-height:1.45; } #rmbz-vip .rvu-feat-add{ display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:38px; padding:8px 13px; border:1px solid var(--brand); border-radius:100px; background:var(--brand-soft); color:var(--brand-ink); font:inherit; font-size:12px; font-weight:750; cursor:pointer; } #rmbz-vip .rvu-feat-add .ms{ font-size:18px; } #rmbz-vip .rvu-feat-list{ display:grid; gap:10px; } #rmbz-vip .rvu-feat-row{ padding:14px; border:1px solid var(--border); border-radius:17px; background:var(--elev); box-shadow:0 8px 24px rgba(0,0,0,.025); } #rmbz-vip .rvu-feat-row-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; } #rmbz-vip .rvu-feat-row-title{ display:flex; align-items:center; gap:9px; color:var(--text); font-size:12.5px; font-weight:750; } #rmbz-vip .rvu-feat-number{ width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; background:var(--brand-soft); color:var(--brand-ink); font-size:11px; } #rmbz-vip .rvu-feat-remove{ width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--border); border-radius:50%; background:var(--surface); color:var(--muted); cursor:pointer; } #rmbz-vip .rvu-feat-remove:hover{ border-color:var(--danger); color:var(--danger); } #rmbz-vip .rvu-feat-remove .ms{ font-size:18px; } #rmbz-vip .rvu-feat-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.9fr); gap:12px; align-items:end; } #rmbz-vip .rvu-feat-account .rvu-yn label{ min-height:44px; font-size:12.5px; } #rmbz-vip .rvu-feat-phone{ margin-top:12px; padding:12px; border:1px solid var(--border); border-radius:14px; background:var(--surface); } #rmbz-vip .rvu-feat-phone[hidden]{ display:none!important; } #rmbz-vip .rvu-feat-phone-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,.8fr); gap:10px; align-items:end; } #rmbz-vip .rvu-feat-state{ min-height:52px; height:52px; box-sizing:border-box; display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:12px; background:var(--elev); color:var(--muted); font-size:11.5px; line-height:1.4; } #rmbz-vip .rvu-feat-state .ms{ flex:0 0 auto; font-size:18px; } #rmbz-vip .rvu-feat-state.is-checking{ color:var(--brand-ink); } #rmbz-vip .rvu-feat-state.is-linked{ background:color-mix(in srgb,var(--success) 12%,var(--surface)); color:var(--success); } #rmbz-vip .rvu-feat-state.is-pending{ background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .rvu-feat-state.is-error{ background:color-mix(in srgb,var(--danger) 10%,var(--surface)); color:var(--danger); } #rmbz-vip .rvu-feat-note{ display:flex; align-items:flex-start; gap:7px; margin-top:9px; color:var(--muted); font-size:10.5px; line-height:1.45; } #rmbz-vip .rvu-feat-note .ms{ flex:0 0 auto; margin-top:1px; font-size:15px; color:var(--brand-ink); } @media(max-width:620px){ #rmbz-vip .rvu-feat-head{ align-items:flex-start; flex-direction:column; } #rmbz-vip .rvu-feat-add{ width:100%; } #rmbz-vip .rvu-feat-grid,#rmbz-vip .rvu-feat-phone-grid{ grid-template-columns:1fr; } } #rmbz-vip .rvu-drop{ border:2px dashed var(--border2); border-radius:16px; padding:24px 16px; text-align:center; cursor:pointer; background:var(--elev); transition:.2s; display:flex; flex-direction:column; align-items:center; gap:6px; } #rmbz-vip .rvu-drop:hover{ border-color:var(--brand); background:var(--hover); } #rmbz-vip .rvu-prev{ margin-top:8px; font-size:12px; color:var(--success); } #rmbz-vip .rvu-prev img{ max-width:100px; max-height:100px; border-radius:10px; display:block; margin-bottom:4px; } #rmbz-vip .rvu-audio{ border:2px dashed var(--border2); border-radius:16px; padding:28px 16px; text-align:center; cursor:pointer; background:var(--elev); transition:.2s; } #rmbz-vip .rvu-audio:hover{ border-color:var(--brand); background:var(--hover); } #rmbz-vip .rvu-chk{ display:flex; align-items:flex-start; gap:12px; margin-top:10px; padding:13px 15px; border:1.5px solid var(--border); background:var(--elev); border-radius:14px; font-size:13px; color:var(--text2); line-height:1.5; cursor:pointer; } #rmbz-vip .rvu-chk input{ width:20px; height:20px; flex:0 0 20px; margin-top:1px; accent-color:var(--brand); cursor:pointer; } #rmbz-vip .rvu-chk:has(input:checked){ background:var(--brand-soft); border-color:var(--brand); } #rmbz-vip .rvu-scen.on{ border-color:var(--brand); background:var(--brand-soft); } #rmbz-vip .rvu-page-head{ display:flex; align-items:center; gap:16px; padding:20px 22px; flex-wrap:wrap; } #rmbz-vip .rvu-page-head-icon{ width:52px; height:52px; flex:0 0 52px; border-radius:17px; display:flex; align-items:center; justify-content:center; background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .rvu-page-head-icon .ms{ font-size:27px; font-variation-settings:'FILL' 1; } #rmbz-vip .rvu-list-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin:4px 0 12px; } #rmbz-vip .rvu-kind-filter{ display:flex; align-items:center; gap:7px; padding:5px; border:1px solid var(--border); border-radius:100px; background:var(--surface); overflow-x:auto; } #rmbz-vip .rvu-kind{ display:inline-flex; align-items:center; gap:6px; flex:0 0 auto; min-height:34px; padding:7px 11px; border-radius:100px; color:var(--text2); font-size:11.5px; font-weight:700; text-decoration:none; } #rmbz-vip .rvu-kind .ms{ font-size:16px; } #rmbz-vip .rvu-kind .mono{ min-width:20px; height:20px; padding:0 5px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:var(--elev); color:var(--muted); font-size:9.5px; } #rmbz-vip .rvu-kind.on{ background:var(--brand); color:var(--on-brand); } #rmbz-vip .rvu-kind.on .mono{ background:rgba(0,0,0,.14); color:inherit; } #rmbz-vip .rvu-sub-card{ display:flex; align-items:center; gap:16px; padding:15px 18px; flex-wrap:wrap; border-radius:20px; transition:border-color .16s ease,transform .16s ease; } #rmbz-vip .rvu-sub-card:hover{ border-color:var(--border2); transform:translateY(-1px); } #rmbz-vip .rvu-sub-cover{ position:relative; width:62px; height:62px; flex:0 0 62px; border-radius:17px; display:flex; align-items:center; justify-content:center; background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .rvu-sub-cover>img{ width:100%; height:100%; object-fit:cover; border-radius:17px; display:block; } #rmbz-vip .rvu-sub-cover>.ms:not(.rvu-sub-destination){ font-size:28px; } #rmbz-vip .rvu-sub-destination{ position:absolute; right:-5px; bottom:-5px; width:24px; height:24px; border:3px solid var(--surface); border-radius:50%; align-items:center; justify-content:center; background:var(--brand); color:var(--on-brand); font-size:13px; font-variation-settings:'FILL' 1; } #rmbz-vip .rvu-sub-main{ flex:1; min-width:190px; } #rmbz-vip .rvu-sub-kind{ display:flex; align-items:center; gap:5px; color:var(--brand-ink); font-size:9.5px; line-height:1; font-weight:800; letter-spacing:.08em; } #rmbz-vip .rvu-sub-kind .ms{ font-size:14px; } #rmbz-vip .rvu-sub-actions{ display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; } #rmbz-vip .rvu-sub-actions .chip{ display:inline-flex; align-items:center; gap:6px; } #rmbz-vip .rvu-sub-audio{ flex:1 0 100%; display:grid; grid-template-columns:42px minmax(0,1fr); gap:10px; align-items:center; box-sizing:border-box; padding:12px; border:1px solid var(--border); border-radius:18px; background:linear-gradient(145deg,var(--elev),color-mix(in srgb,var(--brand-soft) 34%,var(--surface))); } #rmbz-vip .rvu-sub-audio-icon{ width:42px; height:42px; display:grid; place-items:center; border-radius:13px; background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .rvu-sub-audio-icon .ms{ font-size:21px; } #rmbz-vip .rvu-sub-audio-copy{ min-width:0; } #rmbz-vip .rvu-sub-audio-copy strong,#rmbz-vip .rvu-sub-audio-copy small{ display:block; } #rmbz-vip .rvu-sub-audio-copy strong{ color:var(--text); font-size:11.5px; } #rmbz-vip .rvu-sub-audio-copy small{ margin-top:2px; color:var(--muted); font-size:10px; } #rmbz-vip .rvu-audio-player{ --audio-progress:0%; --audio-volume:82%; grid-column:1 / -1; display:grid; grid-template-columns:44px minmax(0,1fr) 38px 82px; align-items:center; gap:10px; min-width:0; margin-top:3px; padding:9px 10px; border:1px solid var(--border2); border-radius:15px; background:var(--surface); box-shadow:0 8px 22px rgba(0,0,0,.06); } #rmbz-vip .rvu-audio-play,#rmbz-vip .rvu-audio-mute{ display:grid; place-items:center; border:0; font-family:inherit; cursor:pointer; transition:transform .15s ease,background .15s ease,color .15s ease; } #rmbz-vip .rvu-audio-play{ width:44px; height:44px; border-radius:14px; background:var(--brand); color:var(--on-brand); box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 28%,transparent); } #rmbz-vip .rvu-audio-play:hover{ transform:translateY(-1px); } #rmbz-vip .rvu-audio-play:active{ transform:scale(.96); } #rmbz-vip .rvu-audio-play .ms{ font-size:24px; font-variation-settings:'FILL' 1; } #rmbz-vip .rvu-audio-timeline{ min-width:0; display:grid; gap:5px; } #rmbz-vip .rvu-audio-times{ display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--muted); font:700 9.5px 'JetBrains Mono',monospace; } #rmbz-vip .rvu-audio-mute{ width:38px; height:38px; border-radius:12px; background:var(--elev); color:var(--text2); } #rmbz-vip .rvu-audio-mute .ms{ font-size:19px; } #rmbz-vip .rvu-audio-player input[type="range"]{ width:100%; min-width:0; height:16px; margin:0; padding:0; border:0; outline:0; appearance:none; -webkit-appearance:none; background:transparent; cursor:pointer; } #rmbz-vip .rvu-audio-player input[type="range"]::-webkit-slider-runnable-track{ height:5px; border-radius:999px; background:linear-gradient(90deg,var(--brand) 0 var(--audio-progress),var(--border2) var(--audio-progress) 100%); } #rmbz-vip .rvu-audio-volume::-webkit-slider-runnable-track{ background:linear-gradient(90deg,var(--brand-ink) 0 var(--audio-volume),var(--border2) var(--audio-volume) 100%) !important; } #rmbz-vip .rvu-audio-player input[type="range"]::-webkit-slider-thumb{ width:14px; height:14px; margin-top:-4.5px; border:3px solid var(--surface); border-radius:50%; appearance:none; -webkit-appearance:none; background:var(--brand); box-shadow:0 1px 5px rgba(0,0,0,.25); } #rmbz-vip .rvu-audio-player input[type="range"]::-moz-range-track{ height:5px; border:0; border-radius:999px; background:var(--border2); } #rmbz-vip .rvu-audio-player input[type="range"]::-moz-range-progress{ height:5px; border-radius:999px; background:var(--brand); } #rmbz-vip .rvu-audio-player input[type="range"]::-moz-range-thumb{ width:10px; height:10px; border:3px solid var(--surface); border-radius:50%; background:var(--brand); box-shadow:0 1px 5px rgba(0,0,0,.25); } #rmbz-vip .rvu-audio-player audio{ display:none; } #rmbz-vip .rvu-audio-player.is-loading .rvu-audio-play .ms{ animation:rvu-audio-spin .8s linear infinite; } #rmbz-vip .rvu-audio-player.is-error{ border-color:color-mix(in srgb,var(--danger) 50%,var(--border)); } #rmbz-vip .rvu-audio-player.is-error .rvu-audio-play{ background:var(--danger); color:#fff; box-shadow:none; } @keyframes rvu-audio-spin{ to{ transform:rotate(360deg); } } @media(max-width:560px){ #rmbz-vip .rvu-audio-player{ grid-template-columns:42px minmax(0,1fr) 38px; gap:8px; padding:8px; } #rmbz-vip .rvu-audio-play{ width:42px; height:42px; } #rmbz-vip .rvu-audio-volume{ display:none; } } #rmbz-vip .rvu-brand-icon{ display:inline-block; flex:0 0 auto; vertical-align:-3px; } #rmbz-vip .wd-source-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:12px 0 16px; } #rmbz-vip .wd-source{ display:flex; align-items:center; gap:12px; min-height:86px; padding:13px 14px; border:1.5px solid var(--border2); border-radius:18px; background:var(--elev); color:var(--text); font-family:inherit; text-align:left; cursor:pointer; } #rmbz-vip .wd-source.on{ border-color:var(--brand); background:var(--brand-soft); } #rmbz-vip .wd-source:disabled{ opacity:.45; cursor:not-allowed; } #rmbz-vip .wd-source-icon{ width:40px; height:40px; border-radius:13px; align-items:center; justify-content:center; flex:0 0 40px; background:var(--surface); color:var(--brand-ink); font-size:21px; } #rmbz-vip .wd-contact{ display:flex; align-items:center; gap:8px; padding:8px 11px; border:1px solid var(--border); border-radius:12px; background:var(--elev); color:var(--text2); font-family:inherit; font-size:11.5px; cursor:pointer; } #rmbz-vip textarea.inp{ font-family:inherit; resize:vertical; min-height:90px; } #rmbz-vip .account-restrictions{ margin:0 0 18px; padding:20px; border:1px solid var(--border); border-radius:26px; background:var(--surface); box-shadow:0 1px 2px rgba(0,0,0,.04); } #rmbz-vip .account-restrictions-head{ display:flex; align-items:center; gap:13px; margin-bottom:16px; } #rmbz-vip .account-restrictions-head-icon{ width:46px; height:46px; flex:0 0 46px; align-items:center; justify-content:center; border-radius:15px; background:var(--danger-soft); color:var(--danger); font-size:23px; font-variation-settings:'FILL' 1; } #rmbz-vip .account-restrictions-copy{ flex:1; min-width:0; } #rmbz-vip .account-restrictions-kicker{ color:var(--danger); font-size:10px; line-height:1.2; font-weight:800; letter-spacing:.09em; text-transform:uppercase; } #rmbz-vip .account-restrictions-title{ margin-top:3px; color:var(--text); font-size:17px; line-height:1.25; font-weight:780; } #rmbz-vip .account-restrictions-subtitle{ margin-top:3px; color:var(--muted); font-size:12px; line-height:1.45; } #rmbz-vip .account-restrictions-count{ display:inline-flex; align-items:center; min-height:30px; padding:6px 11px; border-radius:100px; background:var(--danger-soft); color:var(--danger); font-size:10.5px; font-weight:800; white-space:nowrap; } #rmbz-vip .account-restrictions-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:12px; } #rmbz-vip .account-restriction{ display:grid; grid-template-columns:46px minmax(0,1fr) auto; gap:0 13px; min-height:138px; padding:16px; border:1px solid var(--border); border-radius:20px; background:var(--elev); } #rmbz-vip .account-restriction-icon{ width:46px; height:46px; grid-row:1 / span 2; align-items:center; justify-content:center; border-radius:15px; background:var(--surface); color:var(--danger); font-size:23px; font-variation-settings:'FILL' 1; } #rmbz-vip .account-restriction-main{ min-width:0; align-self:center; } #rmbz-vip .account-restriction-label{ color:var(--muted); font-size:9.5px; line-height:1.2; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } #rmbz-vip .account-restriction-title{ margin-top:4px; color:var(--text); font-size:14px; line-height:1.3; font-weight:760; } #rmbz-vip .account-restriction-state{ align-self:start; display:inline-flex; align-items:center; gap:5px; min-height:28px; padding:5px 9px; border-radius:100px; background:var(--danger-soft); color:var(--danger); font-size:10px; font-weight:780; white-space:nowrap; } #rmbz-vip .account-restriction-state .ms{ font-size:14px; } #rmbz-vip .account-restriction-detail{ grid-column:2 / -1; margin-top:12px; padding-top:11px; border-top:1px solid var(--border); color:var(--text2); font-size:11.5px; line-height:1.5; } #rmbz-vip .account-restriction-meta{ display:flex; align-items:center; gap:7px; margin-top:9px; color:var(--muted); font-size:10.5px; line-height:1.35; } #rmbz-vip .account-restriction-meta>.ms{ color:var(--danger); font-size:16px; } #rmbz-vip .account-restriction-meta b{ color:var(--text); font-weight:700; } #rmbz-vip .account-restriction-support{ display:inline-flex; align-items:center; gap:5px; margin-left:auto; color:var(--brand-ink); font-size:10.5px; font-weight:750; white-space:nowrap; } #rmbz-vip .account-restriction-support .ms{ font-size:15px; } #rmbz-vip .fine-debt-card{ position:relative; display:grid; grid-template-columns:54px minmax(0,1fr) auto; gap:15px; align-items:start; margin-bottom:18px; padding:19px; overflow:hidden; border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border)); border-radius:25px; background:linear-gradient(130deg,var(--danger-soft),var(--surface) 56%); box-shadow:0 8px 30px -28px rgba(0,0,0,.72); } #rmbz-vip .fine-debt-card::before{ content:''; position:absolute; inset:0 auto 0 0; width:4px; background:var(--danger); } #rmbz-vip .fine-debt-icon{ position:relative; width:54px; height:54px; align-items:center; justify-content:center; border-radius:18px; background:var(--danger); color:#fff; font-size:27px; font-variation-settings:'FILL' 1; box-shadow:0 12px 26px -20px var(--danger); } #rmbz-vip .fine-debt-content{ position:relative; min-width:0; } #rmbz-vip .fine-debt-heading{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; } #rmbz-vip .fine-debt-kicker{ color:var(--danger); font-size:9.5px; line-height:1.2; font-weight:800; letter-spacing:.09em; text-transform:uppercase; } #rmbz-vip .fine-debt-status{ display:inline-flex; align-items:center; gap:4px; min-height:25px; padding:4px 8px; border-radius:100px; background:var(--surface); color:var(--danger); font-size:9.5px; font-weight:780; white-space:nowrap; } #rmbz-vip .fine-debt-status .ms{ font-size:13px; } #rmbz-vip .fine-debt-title{ margin-top:5px; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:17px; line-height:1.3; font-weight:780; } #rmbz-vip .fine-debt-description{ max-width:760px; margin-top:5px; color:var(--text2); font-size:11.5px; line-height:1.55; } #rmbz-vip .fine-debt-facts{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:12px; } #rmbz-vip .fine-debt-fact{ display:inline-flex; align-items:center; gap:5px; min-height:29px; max-width:100%; padding:5px 9px; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--text2); font-size:10.5px; line-height:1.35; } #rmbz-vip .fine-debt-fact .ms{ flex:0 0 auto; color:var(--danger); font-size:15px; } #rmbz-vip .fine-debt-fact b{ overflow:hidden; color:var(--text); font-weight:700; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .fine-debt-side{ position:relative; min-width:190px; display:flex; flex-direction:column; align-items:flex-end; } #rmbz-vip .fine-debt-amount-label{ color:var(--muted); font-size:9.5px; line-height:1.2; font-weight:780; letter-spacing:.07em; text-transform:uppercase; } #rmbz-vip .fine-debt-amount{ margin-top:5px; color:var(--danger); font-family:'JetBrains Mono',monospace; font-size:24px; line-height:1.1; font-weight:750; white-space:nowrap; } #rmbz-vip .fine-debt-amount small{ color:var(--danger); font-family:'Geist',system-ui,sans-serif; font-size:11px; font-weight:750; } #rmbz-vip .fine-debt-action{ min-height:42px; margin-top:12px; justify-content:center; background:var(--danger); color:#fff; font-size:11.5px; box-shadow:0 10px 24px -18px var(--danger); } #rmbz-vip .fine-debt-action .ms{ font-size:17px; } #rmbz-vip .fine-pay-dialog{ width:440px; padding:22px; } #rmbz-vip .fine-pay-head{ display:flex; align-items:center; gap:12px; } #rmbz-vip .fine-pay-head-icon{ width:44px; height:44px; flex:0 0 44px; align-items:center; justify-content:center; border-radius:15px; background:var(--danger-soft); color:var(--danger); font-size:22px; font-variation-settings:'FILL' 1; } #rmbz-vip .fine-pay-head-copy{ flex:1; min-width:0; } #rmbz-vip .fine-pay-kicker{ color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; } #rmbz-vip .fine-pay-title{ margin-top:3px; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:18px; line-height:1.25; font-weight:780; } #rmbz-vip .fine-pay-close{ width:36px; height:36px; flex:0 0 36px; display:flex; align-items:center; justify-content:center; padding:0; border:0; border-radius:50%; background:var(--elev); color:var(--muted); cursor:pointer; } #rmbz-vip .fine-pay-summary{ margin-top:17px; padding:17px; border:1px solid color-mix(in srgb,var(--danger) 24%,var(--border)); border-radius:19px; background:linear-gradient(135deg,var(--danger-soft),var(--elev)); } #rmbz-vip .fine-pay-summary-label{ color:var(--muted); font-size:9.5px; font-weight:780; letter-spacing:.07em; text-transform:uppercase; } #rmbz-vip .fine-pay-summary-value{ margin-top:5px; color:var(--danger); font-family:'JetBrains Mono',monospace; font-size:28px; line-height:1.1; font-weight:750; } #rmbz-vip .fine-pay-summary-value small{ font-family:'Geist',system-ui,sans-serif; font-size:11px; } #rmbz-vip .fine-pay-wallet{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:11px; padding-top:11px; border-top:1px solid var(--border); color:var(--text2); font-size:11px; } #rmbz-vip .fine-pay-wallet span{ display:inline-flex; align-items:center; gap:5px; } #rmbz-vip .fine-pay-wallet .ms{ color:var(--brand-ink); font-size:16px; } #rmbz-vip .fine-pay-wallet b{ color:var(--text); font-family:'JetBrains Mono',monospace; } #rmbz-vip .fine-pay-note{ margin:14px 0; color:var(--text2); font-size:11.5px; line-height:1.55; } #rmbz-vip .fine-pay-balance-warning{ display:flex; align-items:flex-start; gap:8px; margin:12px 0; padding:11px 12px; border-radius:14px; background:var(--rev-soft); color:var(--text2); font-size:11px; line-height:1.45; } #rmbz-vip .fine-pay-balance-warning .ms{ margin-top:1px; color:var(--rev); font-size:17px; } #rmbz-vip .fine-pay-label{ display:block; margin:0 0 6px; color:var(--muted); font-size:10px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; } #rmbz-vip .fine-pay-submit{ width:100%; min-height:46px; margin-top:12px; justify-content:center; background:var(--danger); color:#fff; } #rmbz-vip .fine-pay-submit .ms{ font-size:18px; } #rmbz-vip .service-access-gate{ position:relative; isolation:isolate; min-height:510px; display:grid; place-items:center; overflow:hidden; padding:54px 30px; border:1px solid var(--border); border-radius:32px; background:linear-gradient(145deg,color-mix(in srgb,var(--brand-soft) 42%,var(--surface)),var(--surface) 48%,color-mix(in srgb,var(--info-soft) 34%,var(--surface))); box-shadow:0 28px 70px -58px rgba(15,23,42,.8); } #rmbz-vip .service-access-aura{ position:absolute; z-index:-1; width:430px; height:430px; top:-230px; right:-110px; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--brand) 24%,transparent),transparent 68%); pointer-events:none; } #rmbz-vip .service-access-content{ width:min(720px,100%); display:flex; flex-direction:column; align-items:center; text-align:center; } #rmbz-vip .service-access-badge{ min-height:30px; display:inline-flex; align-items:center; gap:7px; padding:5px 12px; border:1px solid color-mix(in srgb,var(--brand) 34%,var(--border)); border-radius:999px; background:color-mix(in srgb,var(--brand-soft) 72%,var(--surface)); color:var(--brand-ink); font-size:10px; font-weight:820; letter-spacing:.055em; text-transform:uppercase; } #rmbz-vip .service-access-badge .ms{ font-size:15px; font-variation-settings:'FILL' 1; } #rmbz-vip .service-access-icon{ width:76px; height:76px; display:flex; align-items:center; justify-content:center; margin-top:24px; border-radius:25px; background:var(--brand); color:var(--on-brand); font-size:37px; font-variation-settings:'FILL' 1; box-shadow:0 20px 38px -27px color-mix(in srgb,var(--brand) 78%,#000); } #rmbz-vip .service-access-eyebrow{ margin-top:21px; color:var(--brand-ink); font-size:10px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; } #rmbz-vip .service-access-title{ max-width:640px; margin:7px 0 0; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:clamp(25px,3vw,36px); line-height:1.12; font-weight:800; letter-spacing:-.035em; } #rmbz-vip .service-access-message{ max-width:620px; margin:13px 0 0; color:var(--text2); font-size:13px; line-height:1.65; } #rmbz-vip .service-access-features{ width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:24px; } #rmbz-vip .service-access-features>span{ min-height:52px; display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 12px; border:1px solid var(--border); border-radius:17px; background:color-mix(in srgb,var(--elev) 88%,transparent); color:var(--text2); font-size:11px; font-weight:680; } #rmbz-vip .service-access-features .ms{ color:var(--brand-ink); font-size:18px; } #rmbz-vip .service-access-actions{ display:flex; justify-content:center; gap:10px; margin-top:24px; flex-wrap:wrap; } #rmbz-vip .service-access-primary{ min-height:46px; padding:11px 19px; background:var(--brand); color:var(--on-brand); border:0; box-shadow:0 14px 30px -23px color-mix(in srgb,var(--brand) 85%,#000); } #rmbz-vip .service-access-secondary{ min-height:46px; padding:11px 18px; border:1px solid var(--border2); background:var(--surface); color:var(--text2); } #rmbz-vip .service-access-actions .ms{ font-size:18px; } #rmbz-vip .service-access-foot{ display:flex; align-items:center; justify-content:center; gap:6px; margin-top:20px; color:var(--muted); font-size:10px; } #rmbz-vip .service-access-foot .ms{ font-size:15px; } #rmbz-vip .artists-native-shell{ min-width:0; } #rmbz-vip .artists-native-shell .artist-dashboard{ width:100%; max-width:none; margin:0; } #rmbz-vip .artists-native-missing{ min-height:280px; display:grid; place-items:center; padding:30px; border:1px dashed var(--border2); border-radius:24px; background:var(--surface); color:var(--text2); text-align:center; } #rmbz-vip .art-track-page{ display:grid; gap:18px; } #rmbz-vip .art-track-hero{ display:grid; grid-template-columns:92px minmax(0,1fr) auto; align-items:center; gap:20px; padding:22px; overflow:hidden; position:relative; } #rmbz-vip .art-track-hero:after{ content:""; position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,var(--brand),#d3a900,var(--success)); } #rmbz-vip .art-track-avatar{ width:92px; height:92px; border-radius:27px; overflow:hidden; display:grid; place-items:center; background:var(--brand); color:#17120a; font:800 32px 'Bricolage Grotesque',sans-serif; box-shadow:inset 0 0 0 1px rgba(255,255,255,.28); } #rmbz-vip .art-track-avatar img{ width:100%; height:100%; object-fit:cover; } #rmbz-vip .art-track-label,#rmbz-vip .art-track-eyebrow{ color:var(--brand-ink); font-size:10.5px; font-weight:800; letter-spacing:.1em; } #rmbz-vip .art-track-label{ display:flex; align-items:center; gap:5px; } #rmbz-vip .art-track-label .ms{ font-size:16px; font-variation-settings:'FILL' 1; } #rmbz-vip .art-track-identity h2{ margin:5px 0 3px; font-size:25px; } #rmbz-vip .art-track-identity>p{ margin:0; color:var(--muted); font-size:12.5px; } #rmbz-vip .art-track-tags{ display:flex; gap:7px; flex-wrap:wrap; margin-top:11px; } #rmbz-vip .art-track-tags span{ padding:5px 9px; border-radius:999px; background:var(--elev); border:1px solid var(--border); color:var(--text2); font-size:10.5px; font-weight:650; } #rmbz-vip .art-track-linked{ display:flex; align-items:center; gap:9px; padding:11px 13px; border-radius:15px; background:var(--success-soft); color:var(--success); } #rmbz-vip .art-track-linked .ms{ font-size:21px; } #rmbz-vip .art-track-linked strong,#rmbz-vip .art-track-linked small{ display:block; } #rmbz-vip .art-track-linked strong{ font-size:11.5px; } #rmbz-vip .art-track-linked small{ margin-top:2px; font-size:9.5px; opacity:.8; } #rmbz-vip .art-track-metrics{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; } #rmbz-vip .art-track-metrics article{ display:flex; align-items:center; gap:13px; padding:16px; } #rmbz-vip .art-track-metrics article>.ms{ width:42px; height:42px; border-radius:14px; display:grid; place-items:center; background:var(--brand-soft); color:var(--brand-ink); font-size:22px; } #rmbz-vip .art-track-metrics small{ display:block; color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.07em; } #rmbz-vip .art-track-metrics strong{ display:block; margin-top:3px; font:750 20px 'JetBrains Mono',monospace; } #rmbz-vip .art-track-metrics p{ margin:2px 0 0; color:var(--muted); font-size:9.5px; } #rmbz-vip .art-track-catalog{ padding:22px; } #rmbz-vip .art-track-catalog-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding-bottom:17px; border-bottom:1px solid var(--border); } #rmbz-vip .art-track-catalog-head h3{ margin:4px 0 2px; font-size:18px; } #rmbz-vip .art-track-catalog-head p{ margin:0; color:var(--muted); font-size:11.5px; } #rmbz-vip .art-track-search{ width:min(280px,100%); display:flex; align-items:center; gap:8px; padding:0 12px; border:1px solid var(--border2); border-radius:14px; background:var(--elev); } #rmbz-vip .art-track-search .ms{ color:var(--muted); font-size:19px; } #rmbz-vip .art-track-search input{ width:100%; height:42px; border:0; outline:0; background:transparent; color:var(--text); font:inherit; } #rmbz-vip .art-track-notice{ min-height:52px; display:flex; align-items:center; gap:10px; padding:13px 16px; border:1px solid var(--border); border-radius:17px; background:var(--surface); color:var(--text2); font-size:12px; font-weight:700; } #rmbz-vip .art-track-notice .ms{ width:28px; height:28px; display:grid; place-items:center; border-radius:10px; font-size:18px; } #rmbz-vip .art-track-notice.success{ border-color:color-mix(in srgb,var(--success) 35%,var(--border)); background:var(--success-soft); color:var(--success); } #rmbz-vip .art-track-notice.error{ border-color:color-mix(in srgb,var(--danger) 35%,var(--border)); background:var(--danger-soft); color:var(--danger); } #rmbz-vip .art-track-list{ display:grid; gap:9px; padding-top:14px; } #rmbz-vip .art-track-song{ display:grid; grid-template-columns:58px minmax(230px,1fr) minmax(160px,190px) minmax(172px,190px) minmax(270px,max-content); align-items:center; gap:13px; padding:10px; border:1px solid var(--border); border-radius:17px; background:var(--elev); transition:border-color .18s,transform .18s; } #rmbz-vip .art-track-song[hidden]{ display:none !important; } #rmbz-vip .art-track-song:hover{ border-color:var(--brand); transform:translateY(-1px); } #rmbz-vip .art-track-song-cover{ width:58px; height:58px; overflow:hidden; border-radius:13px; display:grid; place-items:center; background:var(--surface); color:var(--brand-ink); } #rmbz-vip .art-track-song-cover img{ width:100%; height:100%; object-fit:cover; } #rmbz-vip .art-track-song-cover .ms{ font-size:25px; } #rmbz-vip .art-track-song-copy{ min-width:0; } #rmbz-vip .art-track-song-copy h4{ overflow:hidden; margin:0; font-size:13.5px; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .art-track-song-copy p{ margin:4px 0 0; color:var(--muted); font-size:10.5px; } #rmbz-vip .art-track-song-status{ min-width:0; min-height:54px; display:grid; align-content:center; justify-items:start; gap:5px; padding:8px 10px; border:1px solid var(--border); border-radius:14px; background:var(--surface); } #rmbz-vip .art-track-role{ padding:4px 8px; border-radius:999px; font-size:9px; font-weight:780; } #rmbz-vip .art-track-role.primary{ background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .art-track-role.feat{ background:var(--info-soft); color:var(--info); } #rmbz-vip .art-track-access{ max-width:100%; display:flex; align-items:center; gap:4px; color:var(--muted); font-size:9.5px; font-weight:680; white-space:nowrap; } #rmbz-vip .art-track-access .ms{ flex:0 0 auto; font-size:14px; } #rmbz-vip .art-track-access.free{ color:var(--success); } #rmbz-vip .art-track-access.paid{ color:var(--brand-ink); } #rmbz-vip .art-track-access.disabled{ color:var(--danger); } #rmbz-vip .art-track-song-stats{ min-width:0; width:max-content; max-width:100%; display:flex; align-items:center; justify-content:flex-start; gap:7px; } #rmbz-vip .art-track-song-stats>span{ min-width:0; min-height:44px; display:grid; grid-template-columns:28px auto; align-items:center; gap:6px; padding:6px 7px; border:1px solid var(--border); border-radius:14px; background:var(--surface); } #rmbz-vip .art-track-song-stats .ms{ width:28px; height:28px; display:grid; place-items:center; border-radius:10px; background:var(--brand-soft); color:var(--brand-ink); font-size:16px; } #rmbz-vip .art-track-song-stats strong{ overflow:hidden; color:var(--text); font:750 11px 'JetBrains Mono',monospace; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .art-track-song-actions{ display:flex; align-items:center; justify-content:flex-end; gap:7px; } #rmbz-vip .art-track-remove-form{ display:flex; margin:0; } #rmbz-vip .art-track-open,#rmbz-vip .art-track-manage,#rmbz-vip .art-track-remove{ min-height:36px; display:flex; align-items:center; justify-content:center; gap:6px; padding:8px 10px; border-radius:12px; font:inherit; font-size:10.5px; font-weight:700; text-decoration:none; white-space:nowrap; cursor:pointer; } #rmbz-vip .art-track-open{ border:1px solid var(--border2); background:var(--surface); color:var(--text); } #rmbz-vip .art-track-manage{ border:1px solid color-mix(in srgb,var(--brand) 55%,var(--border)); background:var(--brand-soft); color:var(--brand-ink); } #rmbz-vip .art-track-remove{ border:1px solid color-mix(in srgb,var(--danger) 36%,var(--border)); background:var(--danger-soft); color:var(--danger); } #rmbz-vip .art-track-remove.pending{ border-color:color-mix(in srgb,var(--brand) 42%,var(--border)); background:var(--brand-soft); color:var(--brand-ink); cursor:default; } #rmbz-vip .art-track-open .ms,#rmbz-vip .art-track-manage .ms,#rmbz-vip .art-track-remove .ms{ font-size:16px; } #rmbz-vip .art-track-empty,#rmbz-vip .art-track-catalog-empty{ min-height:250px; display:flex; align-items:center; justify-content:center; gap:18px; padding:32px; text-align:left; } #rmbz-vip .art-track-empty-icon,#rmbz-vip .art-track-catalog-empty>.ms{ width:62px; height:62px; flex:0 0 62px; display:grid; place-items:center; border-radius:20px; background:var(--brand-soft); color:var(--brand-ink); font-size:30px; } #rmbz-vip .art-track-empty h3,#rmbz-vip .art-track-catalog-empty h4{ margin:5px 0; } #rmbz-vip .art-track-empty p,#rmbz-vip .art-track-catalog-empty p{ max-width:580px; margin:0; color:var(--muted); font-size:12px; } #rmbz-vip .art-track-catalog-empty{ min-height:220px; text-align:center; flex-direction:column; } #rmbz-vip .art-track-commerce-dialog{ width:min(620px,calc(100vw - 28px)); max-height:min(760px,calc(100vh - 28px)); margin:auto; padding:0; overflow:auto; border:1px solid var(--border2); border-radius:28px; background:var(--surface); color:var(--text); box-shadow:0 30px 90px rgba(0,0,0,.35); } #rmbz-vip .art-track-commerce-dialog::backdrop{ background:rgba(6,9,13,.68); backdrop-filter:blur(5px); } #rmbz-vip .art-track-removal-dialog{ width:min(540px,calc(100vw - 28px)); max-height:min(760px,calc(100vh - 28px)); margin:auto; padding:0; overflow:auto; border:1px solid var(--border2); border-radius:28px; background:var(--surface); color:var(--text); box-shadow:0 32px 100px rgba(0,0,0,.42); } #rmbz-vip .art-track-removal-dialog::backdrop{ background:rgba(7,10,13,.72); backdrop-filter:blur(6px); } #rmbz-vip .art-track-removal-dialog[open]{ animation:rmbzArtTrackModalIn .2s cubic-bezier(.2,.8,.2,1); } #rmbz-vip .art-track-removal-modal{ display:grid; gap:16px; padding:22px; } #rmbz-vip .art-track-removal-modal-head{ display:grid; grid-template-columns:48px minmax(0,1fr) 38px; align-items:start; gap:12px; } #rmbz-vip .art-track-removal-modal-icon{ width:48px; height:48px; display:grid; place-items:center; border-radius:16px; background:var(--brand-soft); color:var(--brand-ink); font-size:24px; font-variation-settings:'FILL' 1; } #rmbz-vip .art-track-removal-modal-head h3{ margin:3px 0 3px; font-size:21px; line-height:1.2; } #rmbz-vip .art-track-removal-modal-head p{ margin:0; color:var(--muted); font-size:11.5px; } #rmbz-vip .art-track-removal-modal-close{ width:38px; height:38px; display:grid; place-items:center; border:0; border-radius:999px; background:var(--elev); color:var(--text2); cursor:pointer; } #rmbz-vip .art-track-removal-song{ min-width:0; display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:11px; padding:12px; border:1px solid var(--border); border-radius:18px; background:var(--elev); } #rmbz-vip .art-track-removal-song>.ms{ width:42px; height:42px; display:grid; place-items:center; border-radius:14px; background:var(--surface); color:var(--brand-ink); font-size:21px; } #rmbz-vip .art-track-removal-song small,#rmbz-vip .art-track-removal-song strong{ display:block; } #rmbz-vip .art-track-removal-song small{ color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.08em; } #rmbz-vip .art-track-removal-song strong{ overflow:hidden; margin-top:3px; font-size:13px; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip .art-track-removal-state{ display:inline-flex; align-items:center; gap:5px; padding:6px 9px; border-radius:999px; background:var(--brand-soft); color:var(--brand-ink); font-size:9.5px; font-weight:760; white-space:nowrap; } #rmbz-vip .art-track-removal-state .ms{ font-size:15px; } #rmbz-vip .art-track-removal-process{ display:grid; gap:7px; padding:15px; border:1px solid var(--border); border-radius:20px; background:var(--surface); } #rmbz-vip .art-track-removal-process h4{ margin:0 0 3px; font-size:13px; } #rmbz-vip .art-track-removal-process>div{ display:grid; grid-template-columns:36px minmax(0,1fr); align-items:center; gap:10px; padding:9px 10px; border-radius:14px; background:var(--elev); } #rmbz-vip .art-track-removal-process>div>.ms{ width:36px; height:36px; display:grid; place-items:center; border-radius:12px; background:var(--surface); color:var(--brand-ink); font-size:19px; } #rmbz-vip .art-track-removal-process p{ min-width:0; margin:0; } #rmbz-vip .art-track-removal-process strong,#rmbz-vip .art-track-removal-process small{ display:block; } #rmbz-vip .art-track-removal-process strong{ font-size:11.5px; } #rmbz-vip .art-track-removal-process small{ margin-top:2px; color:var(--muted); font-size:10px; line-height:1.4; } #rmbz-vip .art-track-removal-warning{ display:grid; grid-template-columns:32px minmax(0,1fr); align-items:center; gap:9px; padding:11px 12px; border:1px solid color-mix(in srgb,var(--info) 28%,var(--border)); border-radius:15px; background:var(--info-soft); color:var(--info); } #rmbz-vip .art-track-removal-warning>.ms{ width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:var(--surface); font-size:18px; } #rmbz-vip .art-track-removal-warning p{ margin:0; } #rmbz-vip .art-track-removal-warning strong,#rmbz-vip .art-track-removal-warning span{ display:block; } #rmbz-vip .art-track-removal-warning strong{ font-size:10.5px; } #rmbz-vip .art-track-removal-warning p span{ margin-top:2px; font-size:9.8px; line-height:1.4; } #rmbz-vip .art-track-removal-modal-actions{ display:flex; justify-content:flex-end; gap:9px; padding-top:2px; } #rmbz-vip .art-track-removal-cancel,#rmbz-vip .art-track-removal-confirm{ min-height:44px; display:flex; align-items:center; justify-content:center; gap:7px; padding:10px 17px; border-radius:14px; font:inherit; font-size:11px; font-weight:780; cursor:pointer; } #rmbz-vip .art-track-removal-cancel{ border:1px solid var(--border2); background:var(--surface); color:var(--text2); } #rmbz-vip .art-track-removal-confirm{ border:0; background:var(--danger); color:#fff; box-shadow:0 10px 24px color-mix(in srgb,var(--danger) 25%,transparent); } #rmbz-vip .art-track-removal-confirm .ms{ font-size:18px; } #rmbz-vip .art-track-removal-confirm:disabled{ opacity:.72; cursor:wait; } #rmbz-vip .art-track-removal-confirm:disabled .ms{ animation:rmbzArtTrackSpin .8s linear infinite; } @keyframes rmbzArtTrackModalIn{ from{ opacity:0; transform:translateY(12px) scale(.98); } to{ opacity:1; transform:translateY(0) scale(1); } } @keyframes rmbzArtTrackSpin{ to{ transform:rotate(360deg); } } @media(max-width:600px){ #rmbz-vip .art-track-removal-dialog{ width:min(100% - 18px,540px); max-height:calc(100vh - 18px); border-radius:24px; } #rmbz-vip .art-track-removal-modal{ gap:13px; padding:17px; } #rmbz-vip .art-track-removal-modal-head{ grid-template-columns:43px minmax(0,1fr) 35px; gap:10px; } #rmbz-vip .art-track-removal-modal-icon{ width:43px; height:43px; border-radius:14px; font-size:22px; } #rmbz-vip .art-track-removal-modal-head h3{ font-size:18px; } #rmbz-vip .art-track-removal-song{ grid-template-columns:40px minmax(0,1fr); } #rmbz-vip .art-track-removal-song>.ms{ width:40px; height:40px; } #rmbz-vip .art-track-removal-state{ grid-column:2; justify-self:start; } #rmbz-vip .art-track-removal-process{ padding:12px; } #rmbz-vip .art-track-removal-modal-actions{ flex-direction:column-reverse; } #rmbz-vip .art-track-removal-modal-actions button{ width:100%; } } #rmbz-vip .art-track-commerce-form{ display:grid; gap:18px; padding:22px; } #rmbz-vip .art-track-dialog-head{ display:grid; grid-template-columns:46px minmax(0,1fr) 38px; align-items:start; gap:12px; } #rmbz-vip .art-track-dialog-icon{ width:46px; height:46px; display:grid; place-items:center; border-radius:15px; background:var(--brand-soft); color:var(--brand-ink); font-size:23px; } #rmbz-vip .art-track-dialog-head h3{ margin:3px 0 3px; font-size:20px; } #rmbz-vip .art-track-dialog-head p{ margin:0; color:var(--muted); font-size:11.5px; } #rmbz-vip .art-track-dialog-close{ width:38px; height:38px; display:grid; place-items:center; border:0; border-radius:999px; background:var(--elev); color:var(--text2); cursor:pointer; } #rmbz-vip .art-track-commerce-options{ display:grid; gap:9px; } #rmbz-vip .art-track-commerce-option{ position:relative; display:grid; grid-template-columns:42px minmax(0,1fr) 23px; align-items:center; gap:12px; min-height:72px; padding:12px 14px; border:1px solid var(--border); border-radius:18px; background:var(--elev); cursor:pointer; transition:border-color .16s,background .16s,transform .16s; } #rmbz-vip .art-track-commerce-option:hover{ border-color:var(--brand); transform:translateY(-1px); } #rmbz-vip .art-track-commerce-option.is-selected{ border-color:var(--brand); background:var(--brand-soft); } #rmbz-vip .art-track-commerce-option input{ position:absolute; opacity:0; pointer-events:none; } #rmbz-vip .art-track-commerce-option-icon{ width:42px; height:42px; display:grid; place-items:center; border-radius:14px; background:var(--surface); color:var(--brand-ink); font-size:21px; } #rmbz-vip .art-track-commerce-option strong,#rmbz-vip .art-track-commerce-option small{ display:block; } #rmbz-vip .art-track-commerce-option strong{ font-size:12.5px; } #rmbz-vip .art-track-commerce-option small{ margin-top:4px; color:var(--muted); font-size:10.5px; line-height:1.4; } #rmbz-vip .art-track-commerce-check{ color:var(--muted); font-size:20px; font-variation-settings:'FILL' 0; } #rmbz-vip .art-track-commerce-option.is-selected .art-track-commerce-check{ color:var(--success); font-variation-settings:'FILL' 1; } #rmbz-vip .art-track-price-field{ display:grid; gap:7px; padding:14px; border:1px solid var(--border); border-radius:18px; background:var(--elev); } #rmbz-vip .art-track-price-field[hidden]{ display:none !important; } #rmbz-vip .art-track-price-field>span{ font-size:11px; font-weight:780; } #rmbz-vip .art-track-price-field>div{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; border:1px solid var(--border2); border-radius:13px; background:var(--surface); overflow:hidden; } #rmbz-vip .art-track-price-field input{ min-width:0; height:45px; padding:0 13px; border:0; outline:0; background:transparent; color:var(--text); font:700 14px 'JetBrains Mono',monospace; } #rmbz-vip .art-track-price-field strong{ padding:0 13px; color:var(--brand-ink); font-size:12px; } #rmbz-vip .art-track-price-field small{ color:var(--muted); font-size:9.5px; } #rmbz-vip .art-track-limit-panel{ display:grid; gap:14px; padding:16px; border:1px solid color-mix(in srgb,var(--brand) 36%,var(--border)); border-radius:21px; background:color-mix(in srgb,var(--brand-soft) 48%,var(--elev)); } #rmbz-vip .art-track-limit-panel[hidden]{ display:none !important; } #rmbz-vip .art-track-limit-head{ display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; gap:12px; } #rmbz-vip .art-track-limit-icon{ width:44px; height:44px; display:grid; place-items:center; border-radius:15px; background:var(--surface); color:var(--brand-ink); font-size:22px; box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 12%,transparent); } #rmbz-vip .art-track-limit-head h4{ margin:3px 0 2px; font-size:14px; line-height:1.25; } #rmbz-vip .art-track-limit-head p{ margin:0; color:var(--muted); font-size:11px; } #rmbz-vip .art-track-limit-usage{ display:grid; grid-template-columns:1fr 1fr; gap:8px 18px; padding:12px 13px; border:1px solid var(--border); border-radius:16px; background:var(--surface); } #rmbz-vip .art-track-limit-usage small,#rmbz-vip .art-track-limit-usage strong{ display:block; } #rmbz-vip .art-track-limit-usage small{ color:var(--muted); font-size:9.5px; font-weight:800; letter-spacing:.07em; } #rmbz-vip .art-track-limit-usage strong{ margin-top:3px; font:750 16px 'JetBrains Mono',monospace; } #rmbz-vip .art-track-limit-progress{ grid-column:1/-1; height:6px; overflow:hidden; border-radius:999px; background:var(--elev); } #rmbz-vip .art-track-limit-progress span{ display:block; width:0; height:100%; border-radius:inherit; background:var(--brand); transition:width .24s ease; } #rmbz-vip .art-track-limit-panel.is-reached{ border-color:color-mix(in srgb,var(--danger) 45%,var(--border)); background:var(--danger-soft); } #rmbz-vip .art-track-limit-panel.is-reached .art-track-limit-progress span{ background:var(--danger); } #rmbz-vip .art-track-limit-grid{ display:grid; grid-template-columns:1fr 1fr; gap:9px; } #rmbz-vip .art-track-limit-grid>label{ min-width:0; display:grid; gap:6px; padding:12px; border:1px solid var(--border); border-radius:16px; background:var(--elev); } #rmbz-vip .art-track-limit-grid>label>span{ font-size:11px; font-weight:780; } #rmbz-vip .art-track-limit-grid>label>div{ min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; overflow:hidden; border:1px solid var(--border2); border-radius:12px; background:var(--surface); } #rmbz-vip .art-track-limit-grid input{ min-width:0; width:100%; height:43px; padding:0 11px; border:0; outline:0; background:transparent; color:var(--text); font:700 14px 'JetBrains Mono',monospace; } #rmbz-vip .art-track-limit-grid strong{ padding:0 11px; color:var(--muted); font-size:9.5px; white-space:nowrap; } #rmbz-vip .art-track-limit-grid small{ color:var(--muted); font-size:9.5px; line-height:1.4; } #rmbz-vip .art-track-limit-note{ display:flex; align-items:center; gap:8px; padding:10px 11px; border-radius:13px; background:var(--info-soft); color:var(--info); font-size:10.5px; font-weight:650; } #rmbz-vip .art-track-limit-note .ms{ font-size:17px; } #rmbz-vip .art-track-geo-panel{ display:grid; gap:14px; padding:16px; border:1px solid color-mix(in srgb,#6750a4 34%,var(--border)); border-radius:21px; background:color-mix(in srgb,#eee6ff 45%,var(--elev)); } #rmbz-vip .art-track-geo-modes{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } #rmbz-vip .art-track-geo-modes label{ position:relative; display:grid; grid-template-columns:30px minmax(0,1fr); align-items:start; gap:8px; min-width:0; padding:12px; border:1px solid var(--border); border-radius:16px; background:var(--surface); cursor:pointer; transition:border-color .18s ease,background .18s ease,transform .18s ease; } #rmbz-vip .art-track-geo-modes label:hover{ transform:translateY(-1px); } #rmbz-vip .art-track-geo-modes label.is-selected{ border-color:#6750a4; background:color-mix(in srgb,#eee6ff 64%,var(--surface)); box-shadow:inset 0 0 0 1px color-mix(in srgb,#6750a4 30%,transparent); } #rmbz-vip .art-track-geo-modes input{ position:absolute; opacity:0; pointer-events:none; } #rmbz-vip .art-track-geo-modes .ms{ display:grid; place-items:center; width:30px; height:30px; border-radius:10px; background:var(--elev); color:#6750a4; font-size:18px; } #rmbz-vip .art-track-geo-modes strong,#rmbz-vip .art-track-geo-modes small{ display:block; } #rmbz-vip .art-track-geo-modes strong{ font-size:11px; line-height:1.3; } #rmbz-vip .art-track-geo-modes small{ margin-top:3px; color:var(--muted); font-size:9px; line-height:1.4; } #rmbz-vip .art-track-geo-countries{ display:grid; gap:9px; padding:12px; border:1px solid var(--border); border-radius:17px; background:var(--surface); } #rmbz-vip .art-track-geo-countries[hidden],#rmbz-vip [data-geo-country][hidden],#rmbz-vip [data-geo-group][hidden],#rmbz-vip .art-track-geo-error[hidden]{ display:none !important; } #rmbz-vip .art-track-geo-search{ display:grid; grid-template-columns:20px minmax(0,1fr); align-items:center; gap:8px; min-height:42px; padding:0 12px; border:1px solid var(--border2); border-radius:13px; background:var(--elev); } #rmbz-vip .art-track-geo-search .ms{ color:var(--muted); font-size:18px; } #rmbz-vip .art-track-geo-search input{ min-width:0; width:100%; border:0; outline:0; background:transparent; color:var(--text); font:650 11px inherit; } #rmbz-vip .art-track-geo-selection{ display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--muted); font-size:10px; font-weight:700; } #rmbz-vip .art-track-geo-selection button{ padding:6px 9px; border:0; border-radius:999px; background:var(--elev); color:#6750a4; font:750 9.5px inherit; cursor:pointer; } #rmbz-vip .art-track-geo-list{ max-height:250px; overflow:auto; overscroll-behavior:contain; padding-right:3px; } #rmbz-vip .art-track-geo-group>strong{ display:block; position:sticky; top:0; z-index:1; padding:8px 4px 5px; background:var(--surface); color:var(--muted); font-size:9px; letter-spacing:.08em; text-transform:uppercase; } #rmbz-vip .art-track-geo-group>div{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; } #rmbz-vip [data-geo-country]{ display:grid; grid-template-columns:20px minmax(0,1fr) auto; align-items:center; gap:7px; min-width:0; padding:9px; border:1px solid var(--border); border-radius:12px; background:var(--elev); cursor:pointer; } #rmbz-vip [data-geo-country]:has(input:checked){ border-color:#6750a4; background:color-mix(in srgb,#eee6ff 58%,var(--elev)); } #rmbz-vip [data-geo-country] input{ width:17px; height:17px; accent-color:#6750a4; } #rmbz-vip [data-geo-country] span{ overflow:hidden; color:var(--text2); font-size:10.5px; font-weight:680; text-overflow:ellipsis; white-space:nowrap; } #rmbz-vip [data-geo-country] small{ color:var(--muted); font:700 9px 'JetBrains Mono',monospace; } #rmbz-vip .art-track-geo-error{ padding:10px 11px; border-radius:12px; background:var(--danger-soft); color:var(--danger); font-size:10px; font-weight:750; } #rmbz-vip[data-theme="oled"] .art-track-geo-panel{ border-color:#514267; background:linear-gradient(145deg,#24202d 0%,#1b1821 100%); } #rmbz-vip[data-theme="oled"] .art-track-geo-panel .art-track-limit-head h4{ color:#fff; } #rmbz-vip[data-theme="oled"] .art-track-geo-panel .art-track-limit-head p{ color:#c8c1d0; } #rmbz-vip[data-theme="oled"] .art-track-geo-modes label{ border-color:#3b3543; background:#121116; color:#f8f5fb; } #rmbz-vip[data-theme="oled"] .art-track-geo-modes label.is-selected{ border-color:#a78bda; background:#342847; box-shadow:inset 0 0 0 1px rgba(195,166,255,.2),0 8px 24px rgba(0,0,0,.22); } #rmbz-vip[data-theme="oled"] .art-track-geo-modes .ms{ background:#282232; color:#c8a9ff; } #rmbz-vip[data-theme="oled"] .art-track-geo-modes label.is-selected .ms{ background:#4b3866; color:#eadcff; } #rmbz-vip[data-theme="oled"] .art-track-geo-modes strong{ color:#fff; } #rmbz-vip[data-theme="oled"] .art-track-geo-modes small{ color:#bdb5c6; } #rmbz-vip[data-theme="oled"] .art-track-geo-countries{ border-color:#3b3543; background:#121116; } #rmbz-vip[data-theme="oled"] .art-track-geo-search, #rmbz-vip[data-theme="oled"] [data-geo-country]{ border-color:#3b3543; background:#1c1921; } #rmbz-vip[data-theme="oled"] [data-geo-country]:has(input:checked){ border-color:#a78bda; background:#342847; } #rmbz-vip[data-theme="oled"] .art-track-geo-group>strong{ background:#121116; color:#bdb5c6; } #rmbz-vip[data-theme="oled"] .art-track-limit-note{ border:1px solid #315986; background:#15263b; color:#bcd8ff; } #rmbz-vip[data-theme="oled"] .art-track-limit-note .ms{ color:#77aaff; } @media(max-width:700px){ #rmbz-vip .art-track-geo-modes{ grid-template-columns:1fr; } #rmbz-vip .art-track-geo-group>div{ grid-template-columns:1fr; } #rmbz-vip .art-track-geo-list{ max-height:220px; } } #rmbz-vip .art-track-dialog-actions{ display:flex; justify-content:flex-end; gap:9px; padding-top:4px; } #rmbz-vip .art-track-dialog-cancel,#rmbz-vip .art-track-dialog-save{ min-height:42px; display:flex; align-items:center; justify-content:center; gap:7px; padding:10px 16px; border-radius:14px; font-size:11px; font-weight:780; cursor:pointer; } #rmbz-vip .art-track-dialog-cancel{ border:1px solid var(--border2); background:var(--surface); color:var(--text2); } #rmbz-vip .art-track-dialog-save{ border:0; background:var(--brand); color:var(--on-brand); } #rmbz-vip .art-track-dialog-save .ms{ font-size:17px; } @media(max-width:1180px){ #rmbz-vip .art-track-song{ grid-template-columns:58px minmax(0,1fr) minmax(160px,190px) minmax(172px,190px); } #rmbz-vip .art-track-song-actions{ grid-column:1/-1; flex-wrap:wrap; padding-top:9px; border-top:1px solid var(--border); } } @media(max-width:1050px){ #rmbz-vip .art-track-metrics{ grid-template-columns:repeat(2,minmax(0,1fr)); } #rmbz-vip .art-track-song{ grid-template-columns:58px minmax(0,1fr); } #rmbz-vip .art-track-song-status{ grid-column:1/-1; display:flex; align-items:center; } #rmbz-vip .art-track-song-stats{ grid-column:1/-1; } } @media(max-width:700px){ #rmbz-vip .art-track-hero{ grid-template-columns:70px minmax(0,1fr); padding:17px; gap:14px; } #rmbz-vip .art-track-avatar{ width:70px;height:70px;border-radius:21px; } #rmbz-vip .art-track-linked{ grid-column:1/-1; } #rmbz-vip .art-track-metrics{ grid-template-columns:1fr 1fr; } #rmbz-vip .art-track-metrics article{ padding:13px; } #rmbz-vip .art-track-catalog{ padding:15px; } #rmbz-vip .art-track-catalog-head{ align-items:stretch; flex-direction:column; } #rmbz-vip .art-track-search{ width:100%; } #rmbz-vip .art-track-song{ grid-template-columns:50px minmax(0,1fr); gap:10px; } #rmbz-vip .art-track-song-cover{ width:50px;height:50px; } #rmbz-vip .art-track-song-status,#rmbz-vip .art-track-song-stats,#rmbz-vip .art-track-song-actions{ grid-column:1/-1; } #rmbz-vip .art-track-song-actions{ justify-content:stretch; } #rmbz-vip .art-track-song-actions>*{ flex:1 1 auto; } #rmbz-vip .art-track-remove-form .art-track-remove{ width:100%; } #rmbz-vip .art-track-commerce-form{ padding:18px; } #rmbz-vip .art-track-dialog-head{ grid-template-columns:42px minmax(0,1fr) 36px; } #rmbz-vip .art-track-limit-grid{ grid-template-columns:1fr; } #rmbz-vip .art-track-dialog-actions{ flex-direction:column-reverse; } #rmbz-vip .art-track-dialog-actions button{ width:100%; } } @media (max-width:700px){ #rmbz-vip .fine-debt-card{ grid-template-columns:46px minmax(0,1fr); gap:12px; padding:16px; border-radius:21px; } #rmbz-vip .fine-debt-icon{ width:46px; height:46px; border-radius:15px; font-size:23px; } #rmbz-vip .fine-debt-side{ grid-column:1 / -1; min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:11px; width:100%; padding-top:13px; border-top:1px solid var(--border); } #rmbz-vip .fine-debt-amount-label{ grid-column:1; } #rmbz-vip .fine-debt-amount{ grid-column:1; margin-top:-3px; font-size:22px; } #rmbz-vip .fine-debt-action{ grid-column:2; grid-row:1 / span 2; margin-top:0; } } @media (max-width:430px){ #rmbz-vip .fine-debt-side{ grid-template-columns:1fr; } #rmbz-vip .fine-debt-action{ grid-column:1; grid-row:auto; width:100%; margin-top:3px; } #rmbz-vip .fine-debt-fact{ width:100%; } } @media (max-width:700px){ #rmbz-vip .service-access-gate{ min-height:470px; padding:38px 17px; border-radius:24px; } #rmbz-vip .service-access-icon{ width:66px; height:66px; border-radius:21px; font-size:32px; } #rmbz-vip .service-access-features{ grid-template-columns:1fr; } #rmbz-vip .service-access-features>span{ min-height:46px; justify-content:flex-start; } #rmbz-vip .service-access-actions{ width:100%; } #rmbz-vip .service-access-actions .pill{ width:100%; justify-content:center; } } @media (max-width:700px){ #rmbz-vip .aside{ width:76px; } #rmbz-vip .aside .lbl{ display:none; } #rmbz-vip .wrap{ padding:22px 20px 60px; } #rmbz-vip .grid2,#rmbz-vip .grid3,#rmbz-vip .rmbz-vip-detail-grid,#rmbz-vip .rvd-catalog-filter{ grid-template-columns:1fr !important; } #rmbz-vip .rvu-page-head{ align-items:flex-start; } #rmbz-vip .wd-source-grid{ grid-template-columns:1fr; } } @media (max-width:600px){ #rmbz-vip .shoot-card,#rmbz-vip .location-card,#rmbz-vip .project-card{ padding:16px; border-radius:20px; } #rmbz-vip .shoot-head,#rmbz-vip .location-head{ align-items:flex-start; flex-wrap:wrap; } #rmbz-vip .shoot-head-copy{ min-width:calc(100% - 58px); } #rmbz-vip .shoot-badge{ margin-left:56px; } #rmbz-vip .shoot-dates,#rmbz-vip .location-options,#rmbz-vip .project-metrics,#rmbz-vip .project-team-grid{ grid-template-columns:1fr; } #rmbz-vip .location-alert{ margin-left:59px; } #rmbz-vip .project-state{ padding:13px; } #rmbz-vip .project-header-side{ width:100%; justify-content:space-between; margin-left:0; } #rmbz-vip .project-badges{ justify-content:flex-start; } #rmbz-vip .project-filming-lock{ min-height:360px; padding:30px 16px; border-radius:20px; } #rmbz-vip .project-filming-day>summary{ align-items:flex-start; flex-wrap:wrap; } #rmbz-vip .project-filming-result{ margin-left:51px; } #rmbz-vip .project-filming-day-body{ padding:0 11px 12px; } #rmbz-vip .account-restrictions{ padding:16px; border-radius:22px; } #rmbz-vip .account-restrictions-head{ align-items:flex-start; flex-wrap:wrap; } #rmbz-vip .account-restrictions-count{ margin-left:59px; } #rmbz-vip .account-restrictions-grid{ grid-template-columns:1fr; } #rmbz-vip .account-restriction{ grid-template-columns:42px minmax(0,1fr); } #rmbz-vip .account-restriction-icon{ width:42px; height:42px; } #rmbz-vip .account-restriction-state{ grid-column:2; margin-top:9px; justify-self:start; } #rmbz-vip .account-restriction-detail{ grid-column:1 / -1; } #rmbz-vip .account-restriction-meta{ align-items:flex-start; flex-wrap:wrap; } #rmbz-vip .account-restriction-support{ width:100%; margin:2px 0 0 23px; } #rmbz-vip .project-stage-panel{ padding:15px; border-radius:19px; } #rmbz-vip .project-stage-head{ align-items:flex-start; flex-wrap:wrap; } #rmbz-vip .project-stage-copy{ min-width:calc(100% - 64px); } #rmbz-vip .project-stage-percent{ margin-left:61px; } #rmbz-vip .project-stage-step-label{ font-size:10px !important; letter-spacing:-.02em; } #rmbz-vip .release-tracker-step-title{ font-size:10px !important; } #rmbz-vip .project-stage-dot{ width:27px; height:27px; font-size:14px; } #rmbz-vip .project-stage-rail{ top:12px; } #rmbz-vip .shoot-complete-card{ align-items:flex-start; padding:17px; border-radius:20px; } #rmbz-vip .shoot-complete-icon{ width:48px; height:48px; flex-basis:48px; border-radius:16px; font-size:25px; } #rmbz-vip .shoot-complete-title{ font-size:16px; } } /* Envios: compatibilidade móvel para HTML atual e versões em cache. */ #rmbz-vip .rvu-sub-links{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0; } @media (max-width:600px){ #rmbz-vip .rvu-sub-card>.rvu-sub-links, #rmbz-vip .rvu-sub-card>a.chip{ grid-column:1 / -1 !important; width:100% !important; min-width:0 !important; } #rmbz-vip .rvu-sub-card>.rvu-sub-links{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } #rmbz-vip .rvu-sub-card>.rvu-sub-links>.chip, #rmbz-vip .rvu-sub-card>a.chip{ display:flex !important; align-items:center; gap:6px; flex:1 0 100% !important; box-sizing:border-box; min-height:40px; margin:0; justify-content:center; border:1px solid var(--border); border-radius:13px; background:var(--surface); white-space:nowrap !important; overflow-wrap:normal !important; word-break:normal !important; } } @media (max-width:380px){ #rmbz-vip .rvu-sub-card>.rvu-sub-links{ grid-template-columns:minmax(0,1fr); } } /* Extrato da carteira: cabeçalho e movimentos responsivos no mesmo limite da navegação móvel. */ @media (max-width:700px){ #rmbz-vip .finance-statement-head{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; padding:16px; } #rmbz-vip .finance-statement-heading{ min-width:0; } #rmbz-vip .finance-statement-open{ display:inline-flex !important; align-items:center; justify-content:center; gap:7px; width:auto !important; min-width:168px; min-height:40px; padding:8px 13px; box-sizing:border-box; flex:0 0 auto; font-size:11px !important; line-height:1.2; white-space:nowrap !important; overflow-wrap:normal !important; word-break:normal !important; text-decoration:none; } #rmbz-vip .finance-statement-open>.ms{ flex:0 0 auto; font-size:17px !important; } } @media (max-width:600px){ #rmbz-vip .finance-statement-head{ grid-template-columns:minmax(0,1fr); align-items:stretch; } #rmbz-vip .finance-statement-open{ width:100% !important; min-width:0; } #rmbz-vip .finance-transactions{ padding:4px 15px 8px; } #rmbz-vip .finance-transaction{ grid-template-columns:38px minmax(0,1fr); grid-template-areas:"icon copy" "icon value"; column-gap:10px; row-gap:6px; align-items:start; } #rmbz-vip .finance-transaction-icon{ grid-area:icon; width:38px; height:38px; } #rmbz-vip .finance-transaction-copy{ grid-area:copy; } #rmbz-vip .finance-transaction-title{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal; line-height:1.35; text-overflow:ellipsis; overflow-wrap:break-word; word-break:normal; } #rmbz-vip .finance-transaction-meta{ line-height:1.4; overflow-wrap:normal; word-break:normal; } #rmbz-vip .finance-transaction-value{ grid-area:value; justify-self:start; } } /* Cabeçalhos tematicos das paginas: identidade visual por area. */ #rmbz-vip .vip-page-head.is-themed{ --head-a:#35214d; --head-b:#6f43a5; --head-accent:#d9b9ff; position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:64px minmax(0,1fr) auto; gap:18px; align-items:center; min-height:154px; margin-bottom:22px; padding:23px 25px; border:1px solid color-mix(in srgb,var(--head-accent) 34%,transparent); border-radius:28px; background:linear-gradient(125deg,var(--head-a),var(--head-b)); color:#fff; box-shadow:0 24px 58px -46px color-mix(in srgb,var(--head-b) 82%,#000); } #rmbz-vip .vip-page-head.is-themed::before{ content:''; position:absolute; z-index:-1; width:250px; height:250px; right:-76px; top:-150px; border-radius:50%; background:color-mix(in srgb,var(--head-accent) 22%,transparent); } #rmbz-vip .vip-page-head.is-themed::after{ content:''; position:absolute; z-index:-1; width:180px; height:180px; left:42%; bottom:-154px; border-radius:50%; background:rgba(255,255,255,.08); } #rmbz-vip .vip-page-head.is-themed .vip-page-visual{ position:relative; z-index:2; width:64px; height:64px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.22); border-radius:21px; background:rgba(255,255,255,.14); box-shadow:inset 0 1px 0 rgba(255,255,255,.24); backdrop-filter:blur(12px); } #rmbz-vip .vip-page-head.is-themed .vip-page-visual .ms{ color:var(--head-accent); font-size:31px; font-variation-settings:'FILL' 1,'wght' 500; } #rmbz-vip .vip-page-head.is-themed .vip-page-heading{ position:relative; z-index:2; } #rmbz-vip .vip-page-head.is-themed .vip-page-title{ color:#fff; font-size:31px; line-height:1.08; text-wrap:balance; } #rmbz-vip .vip-page-head.is-themed .vip-page-sub{ max-width:620px; margin-top:7px; color:rgba(255,255,255,.73); font-size:13px; } #rmbz-vip .vip-page-head.is-themed .vip-page-notif{ position:relative; z-index:3; border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.14); color:#fff; box-shadow:none; backdrop-filter:blur(12px); } #rmbz-vip .vip-page-head.is-themed .vip-page-notif:hover{ background:rgba(255,255,255,.22); } #rmbz-vip .vip-page-head.is-themed .vip-page-art{ position:absolute; z-index:-1; right:140px; bottom:-35px; width:185px; height:185px; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.10); transform:rotate(-8deg); pointer-events:none; } #rmbz-vip .vip-page-head.is-themed .vip-page-art>.ms{ font-size:154px; line-height:1; font-variation-settings:'FILL' 1,'wght' 300; } #rmbz-vip .vip-page-head.is-themed .vip-page-art i{ position:absolute; width:9px; height:9px; border-radius:50%; background:var(--head-accent); opacity:.72; box-shadow:29px -54px 0 -2px rgba(255,255,255,.62),-35px -29px 0 -3px rgba(255,255,255,.54); } #rmbz-vip .vip-page-head.is-themed .vip-page-art i:first-of-type{ left:8px; top:46px; } #rmbz-vip .vip-page-head.is-themed .vip-page-art i:last-of-type{ right:12px; bottom:54px; transform:scale(.65); } #rmbz-vip .page-head-musicas{ --head-a:#2a173e; --head-b:#694094; --head-accent:#e2c1ff; } #rmbz-vip .page-head-arttracks{ --head-a:#073f3b; --head-b:#0b786c; --head-accent:#79ead5; } #rmbz-vip .page-head-projetos{ --head-a:#172c55; --head-b:#3267ac; --head-accent:#bcd8ff; } #rmbz-vip .page-head-distro{ --head-a:#123b4b; --head-b:#16738b; --head-accent:#a6e9f5; } #rmbz-vip .page-head-copyright{ --head-a:#4b1310; --head-b:#9b2d25; --head-accent:#ffd1cc; } #rmbz-vip .page-head-envios{ --head-a:#5b3810; --head-b:#b46912; --head-accent:#ffe0a1; } #rmbz-vip .page-head-financas{ --head-a:#0a4035; --head-b:#13745d; --head-accent:#9ef0d5; } #rmbz-vip .page-head-stats{ --head-a:#222858; --head-b:#5057a8; --head-accent:#d1d4ff; } #rmbz-vip .page-head-notifs{ --head-a:#5d202d; --head-b:#ad3e4b; --head-accent:#ffc5cb; } #rmbz-vip .page-head-perfil{ --head-a:#46310a; --head-b:#987018; --head-accent:#ffe59c; } @media (max-width:700px){ #rmbz-vip .vip-page-head.is-themed{ grid-template-columns:54px minmax(0,1fr) 44px; gap:13px; min-height:136px; padding:18px; border-radius:24px; } #rmbz-vip .vip-page-head.is-themed .vip-page-visual{ width:54px; height:54px; border-radius:18px; } #rmbz-vip .vip-page-head.is-themed .vip-page-visual .ms{ font-size:27px; } #rmbz-vip .vip-page-head.is-themed .vip-page-title{ font-size:25px; } #rmbz-vip .vip-page-head.is-themed .vip-page-art{ right:42px; opacity:.72; } #rmbz-vip .vip-page-head.is-themed .vip-page-notif{ width:44px; min-width:44px; height:44px; padding:0; gap:0; align-self:center; justify-self:end; justify-content:center; border-radius:15px; font-size:0; } #rmbz-vip .vip-page-head.is-themed .vip-page-notif>.ms{ width:20px; height:20px; flex:0 0 20px; align-items:center; justify-content:center; margin:0; font-size:20px; line-height:20px; text-align:center; } } @media (max-width:430px){ /* [2.0] 3.a pista 40px -> 44px: o botao de notificacoes tem 44px e transbordava. Alarga-se a pista em vez de encolher o botao — 44px e o alvo de toque minimo. */ #rmbz-vip .vip-page-head.is-themed{ grid-template-columns:48px minmax(0,1fr) 44px; min-height:128px; padding:16px; gap:11px; } #rmbz-vip .vip-page-head.is-themed .vip-page-visual{ width:48px; height:48px; border-radius:16px; } #rmbz-vip .vip-page-head.is-themed .vip-page-visual .ms{ font-size:25px; } #rmbz-vip .vip-page-head.is-themed .vip-page-title{ font-size:22px; } #rmbz-vip .vip-page-head.is-themed .vip-page-sub{ font-size:11.5px; line-height:1.4; } #rmbz-vip .vip-page-head.is-themed .vip-page-notif{ justify-self:start; } #rmbz-vip .vip-page-head.is-themed .vip-page-art{ right:15px; bottom:-52px; transform:scale(.82) rotate(-8deg); } } @media (max-width:340px){ #rmbz-vip .vip-page-head.is-themed{ grid-template-columns:48px minmax(0,1fr) 44px; grid-template-areas:'visual . notif' 'heading heading heading'; align-items:center; min-height:164px; } #rmbz-vip .vip-page-head.is-themed .vip-page-visual{ grid-area:visual; } #rmbz-vip .vip-page-head.is-themed .vip-page-heading{ grid-area:heading; } #rmbz-vip .vip-page-head.is-themed .vip-page-notif{ grid-area:notif; justify-self:end; } #rmbz-vip .vip-page-head.is-themed .vip-page-art{ display:none; } } /* Card atmosférico do Início: contexto visual baseado na hora do WordPress. */ #rmbz-vip .vip-page-head.is-home-placeholder{ display:none; } #rmbz-vip .home-greeting-card{ --greet-a:#eaf6f1; --greet-b:#f8edc9; --greet-text:#17211d; --greet-muted:rgba(23,33,29,.68); --greet-accent:#087f61; position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:68px minmax(0,1fr) auto; gap:18px; align-items:center; min-height:166px; margin-bottom:15px; padding:23px 24px; border:1px solid color-mix(in srgb,var(--greet-accent) 24%,transparent); border-radius:28px; background:linear-gradient(125deg,var(--greet-a),var(--greet-b)); color:var(--greet-text); box-shadow:0 22px 55px -45px color-mix(in srgb,var(--greet-accent) 70%,#000); } #rmbz-vip .home-greeting-card::before{ content:''; position:absolute; z-index:-1; width:260px; height:260px; right:-92px; top:-154px; border-radius:50%; background:color-mix(in srgb,var(--greet-accent) 16%,transparent); } #rmbz-vip .home-greeting-card::after{ content:''; position:absolute; z-index:-1; width:180px; height:180px; left:34%; bottom:-142px; border-radius:50%; background:color-mix(in srgb,#fff 20%,transparent); filter:blur(2px); } #rmbz-vip .home-greeting-midnight{ --greet-a:#101327; --greet-b:#25275b; --greet-text:#f8f8ff; --greet-muted:rgba(248,248,255,.68); --greet-accent:#b8bbff; } #rmbz-vip .home-greeting-dawn{ --greet-a:#ebe7f7; --greet-b:#ffdcb8; --greet-text:#2d2031; --greet-muted:rgba(45,32,49,.66); --greet-accent:#8758a8; } #rmbz-vip .home-greeting-morning{ --greet-a:#e5f4f3; --greet-b:#fff0c8; --greet-text:#19231f; --greet-muted:rgba(25,35,31,.66); --greet-accent:#07846b; } #rmbz-vip .home-greeting-afternoon{ --greet-a:#fff2bf; --greet-b:#ffd59b; --greet-text:#322817; --greet-muted:rgba(50,40,23,.66); --greet-accent:#b65f05; } #rmbz-vip .home-greeting-sunset{ --greet-a:#e87355; --greet-b:#784a83; --greet-text:#fffaf7; --greet-muted:rgba(255,250,247,.72); --greet-accent:#ffe09b; } #rmbz-vip .home-greeting-night{ --greet-a:#111a2d; --greet-b:#263d5c; --greet-text:#f6f8ff; --greet-muted:rgba(246,248,255,.68); --greet-accent:#9fc8ff; } #rmbz-vip .home-greeting-icon{ position:relative; width:68px; height:68px; display:flex; align-items:center; justify-content:center; border:1px solid color-mix(in srgb,var(--greet-text) 18%,transparent); border-radius:22px; background:color-mix(in srgb,#fff 22%,transparent); box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 48%,transparent); backdrop-filter:blur(14px); } #rmbz-vip .home-greeting-icon .ms{ color:var(--greet-accent); font-size:34px; font-variation-settings:'FILL' 1,'wght' 450; animation:rmbzGreetingFloat 4.6s ease-in-out infinite; } @keyframes rmbzGreetingFloat{ 50%{ transform:translateY(-3px) rotate(2deg); } } #rmbz-vip .home-greeting-copy{ min-width:0; } #rmbz-vip .home-greeting-eyebrow{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; color:var(--greet-muted); font-size:9.5px; line-height:1.3; font-weight:820; letter-spacing:.075em; text-transform:uppercase; } #rmbz-vip .home-greeting-eyebrow>.ms{ color:var(--greet-accent); font-size:15px; } #rmbz-vip .home-greeting-divider{ width:3px; height:3px; border-radius:50%; background:currentColor; opacity:.55; } #rmbz-vip .home-greeting-copy h1{ margin:7px 0 0; color:var(--greet-text); font-family:'Bricolage Grotesque',sans-serif; font-size:clamp(23px,2.4vw,31px); line-height:1.08; font-weight:780; letter-spacing:-.035em; text-wrap:balance; } #rmbz-vip .home-greeting-copy p{ max-width:720px; margin:7px 0 0; color:var(--greet-muted); font-size:12px; line-height:1.5; } #rmbz-vip .home-greeting-live{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:13px; color:var(--greet-text); font-size:10px; font-weight:760; } #rmbz-vip .home-greeting-live .home-live-dot{ width:7px; height:7px; background:#16c995; box-shadow:0 0 0 5px rgba(22,201,149,.14); } #rmbz-vip .home-greeting-live-note{ color:var(--greet-muted); font-weight:540; } #rmbz-vip .home-greeting-notif{ position:relative; z-index:1; min-height:43px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:9px 13px; border:1px solid color-mix(in srgb,var(--greet-text) 18%,transparent); border-radius:100px; background:color-mix(in srgb,#fff 22%,transparent); color:var(--greet-text); font-family:inherit; font-size:10.5px; font-weight:760; cursor:pointer; backdrop-filter:blur(14px); } #rmbz-vip .home-greeting-notif>.ms{ font-size:18px; } #rmbz-vip .home-greeting-notif-count{ position:absolute; top:-5px; right:-3px; min-width:20px; height:20px; display:flex; align-items:center; justify-content:center; padding:0 5px; border:2px solid var(--greet-b); border-radius:100px; background:#e72f35; color:#fff; font-size:9px; font-weight:850; } #rmbz-vip .home-greeting-sky{ position:absolute; inset:0; z-index:-1; pointer-events:none; } #rmbz-vip .home-greeting-sky .ms{ position:absolute; color:var(--greet-accent); opacity:.18; font-variation-settings:'FILL' 1; animation:rmbzGreetingTwinkle 5s ease-in-out infinite; } #rmbz-vip .home-greeting-sky .ms:nth-child(1){ right:12%; top:18px; font-size:18px; } #rmbz-vip .home-greeting-sky .ms:nth-child(2){ right:27%; bottom:18px; font-size:9px; animation-delay:-1.6s; } #rmbz-vip .home-greeting-sky .ms:nth-child(3){ left:43%; top:18px; font-size:11px; animation-delay:-3.1s; } @keyframes rmbzGreetingTwinkle{ 50%{ opacity:.42; transform:scale(1.18); } } #rmbz-vip .home-command-head{ align-items:center; padding:17px 19px; border:1px solid var(--border); border-radius:22px; background:var(--surface); box-shadow:0 14px 34px -34px rgba(0,0,0,.65); } @media (max-width:700px){ #rmbz-vip .home-greeting-card{ grid-template-columns:54px minmax(0,1fr) 44px; gap:13px; min-height:0; padding:18px; border-radius:24px; } #rmbz-vip .home-greeting-icon{ width:54px; height:54px; border-radius:18px; } #rmbz-vip .home-greeting-icon .ms{ font-size:29px; } #rmbz-vip .home-greeting-copy h1{ font-size:clamp(20px,6vw,25px); overflow-wrap:normal; word-break:normal; } #rmbz-vip .home-greeting-copy p{ font-size:11.5px; } #rmbz-vip .home-greeting-notif{ width:44px; height:44px; min-height:44px; padding:0; border-radius:15px; } #rmbz-vip .home-greeting-notif-label{ display:none; } #rmbz-vip .home-command-head{ padding:15px; border-radius:20px; } } @media (max-width:430px){ /* [2.0] 3.a pista alinhada ao botao de notificacoes (44px). */ #rmbz-vip .home-greeting-card{ grid-template-columns:48px minmax(0,1fr) 44px; gap:11px; padding:16px; } #rmbz-vip .home-greeting-icon{ width:48px; height:48px; border-radius:16px; } #rmbz-vip .home-greeting-icon .ms{ font-size:26px; } #rmbz-vip .home-greeting-eyebrow{ gap:5px; font-size:8.5px; letter-spacing:.055em; } #rmbz-vip .home-greeting-divider{ display:none; } #rmbz-vip .home-greeting-eyebrow time{ flex-basis:100%; } #rmbz-vip .home-greeting-copy p{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; } #rmbz-vip .home-greeting-live{ grid-column:1 / -1; } } @media (max-width:340px){ #rmbz-vip .home-greeting-card{ grid-template-columns:48px minmax(0,1fr) 44px; } #rmbz-vip .home-greeting-icon{ grid-column:1; grid-row:1; } #rmbz-vip .home-greeting-notif{ grid-column:3; grid-row:1; justify-self:end; } #rmbz-vip .home-greeting-copy{ grid-column:1 / -1; grid-row:2; width:100%; padding-top:2px; } #rmbz-vip .home-greeting-copy h1{ font-size:22px; } } @media (prefers-reduced-motion:reduce){ #rmbz-vip .home-greeting-icon .ms, #rmbz-vip .home-greeting-sky .ms{ animation:none; } } /* Centro de notificações: cartões Material 3, detalhe completo e ações contextuais. */ #rmbz-vip .rmbz-vip-notif-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; width:100%; margin-bottom:14px; } #rmbz-vip .rmbz-vip-notif-list{ display:flex; flex-direction:column; gap:11px; width:100%; max-width:none; } #rmbz-vip .rmbz-vip-notif-empty{ width:100%; max-width:none; text-align:center; } #rmbz-vip .rmbz-vip-notif-prefs{ width:100%; max-width:none; margin-top:20px; } #rmbz-vip .rmbz-vip-notif{ position:relative; overflow:hidden; padding:0; border-color:color-mix(in srgb,var(--notif-tone) 28%,var(--border)); transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; } #rmbz-vip .rmbz-vip-notif::before{ content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--notif-tone); opacity:.9; } #rmbz-vip .rmbz-vip-notif:hover{ border-color:color-mix(in srgb,var(--notif-tone) 48%,var(--border)); box-shadow:0 14px 34px -30px var(--notif-tone); } #rmbz-vip .rmbz-vip-notif.is-read{ --notif-tone:var(--muted)!important; --notif-soft:var(--elev)!important; } #rmbz-vip .rmbz-vip-notif-row{ display:flex; align-items:center; gap:10px; padding:14px 15px 14px 18px; } #rmbz-vip .rmbz-vip-notif-toggle{ flex:1; min-width:0; display:grid; grid-template-columns:42px minmax(0,1fr) 32px; align-items:center; gap:13px; padding:0; border:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; } #rmbz-vip .rmbz-vip-notif-toggle:focus-visible{ outline:3px solid color-mix(in srgb,var(--notif-tone) 24%,transparent); outline-offset:6px; border-radius:14px; } #rmbz-vip .rmbz-vip-notif-icon{ width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:14px; background:var(--notif-soft); color:var(--notif-tone); font-size:21px; font-variation-settings:'FILL' 1; } #rmbz-vip .rmbz-vip-notif-copy{ min-width:0; display:block; } #rmbz-vip .rmbz-vip-notif-title{ display:block; color:var(--text); font-size:13.5px; line-height:1.35; font-weight:780; } #rmbz-vip .rmbz-vip-notif-snip{ display:-webkit-box; overflow:hidden; margin-top:3px; color:var(--text2); font-size:12px; line-height:1.48; -webkit-box-orient:vertical; -webkit-line-clamp:2; } #rmbz-vip .rmbz-vip-notif-meta{ display:inline-flex; align-items:center; gap:5px; margin-top:6px; color:var(--muted); font-size:10.5px; } #rmbz-vip .rmbz-vip-notif-meta .ms{ font-size:14px; } #rmbz-vip .rmbz-vip-notif-chevron{ width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:11px; background:var(--elev); color:var(--muted); font-size:19px; transition:transform .18s ease,background .18s ease,color .18s ease; } #rmbz-vip .rmbz-vip-notif-toggle[aria-expanded="true"] .rmbz-vip-notif-chevron{ transform:rotate(180deg); background:var(--notif-soft); color:var(--notif-tone); } #rmbz-vip .rmbz-vip-notif-action{ flex:0 0 auto; min-height:39px; max-width:210px; padding:8px 13px; background:var(--notif-tone); color:#fff; text-decoration:none; font-size:11px; line-height:1.25; text-align:center; } #rmbz-vip .rmbz-vip-notif-action .ms{ font-size:16px; } #rmbz-vip .rmbz-vip-notif-expanded{ margin:0 15px 14px 72px; padding:13px 14px; border:1px solid var(--border); border-radius:16px; background:var(--elev); } #rmbz-vip .rmbz-vip-notif-expanded[hidden]{ display:none!important; } #rmbz-vip .rmbz-vip-notif-full{ color:var(--text2); font-size:12px; line-height:1.62; white-space:pre-line; } #rmbz-vip .rmbz-vip-notif-open-full{ min-height:36px; margin-top:10px; padding:7px 11px; border:1px solid var(--border2); background:var(--surface); color:var(--text2); font-size:10.5px; } #rmbz-vip .rmbz-vip-notif-open-full .ms{ font-size:16px; } #rmbz-vip .rmbz-vip-notif-scrim{ z-index:2147483645; padding:20px; backdrop-filter:blur(10px); } #rmbz-vip .rmbz-vip-notif-dialog{ --notif-tone:var(--info); --notif-soft:var(--info-soft); width:min(720px,calc(100vw - 40px)); max-height:min(88dvh,760px); display:flex; flex-direction:column; overflow:hidden; padding:0; border-radius:30px; box-shadow:0 28px 90px rgba(0,0,0,.32); } #rmbz-vip .rmbz-vip-notif-dialog-head{ flex:0 0 auto; display:grid; grid-template-columns:52px minmax(0,1fr) 42px; align-items:center; gap:14px; padding:20px 22px; border-bottom:1px solid var(--border); background:linear-gradient(135deg,var(--notif-soft),var(--surface) 68%); } #rmbz-vip .rmbz-vip-notif-dialog-icon{ width:52px; height:52px; display:inline-flex; align-items:center; justify-content:center; border-radius:17px; background:var(--notif-tone); color:#fff; font-size:26px; font-variation-settings:'FILL' 1; box-shadow:0 12px 28px -20px var(--notif-tone); } #rmbz-vip .rmbz-vip-notif-dialog-heading{ min-width:0; } #rmbz-vip .rmbz-vip-notif-dialog-heading>span{ display:block; color:var(--notif-tone); font-size:9.5px; line-height:1.3; font-weight:820; letter-spacing:.11em; text-transform:uppercase; } #rmbz-vip .rmbz-vip-notif-dialog-heading h2{ margin:3px 0 0; color:var(--text); font-family:'Bricolage Grotesque',sans-serif; font-size:22px; line-height:1.2; font-weight:780; letter-spacing:-.02em; } #rmbz-vip .rmbz-vip-notif-dialog-close{ width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:0; border-radius:14px; background:var(--elev); color:var(--text2); cursor:pointer; } #rmbz-vip .rmbz-vip-notif-dialog-close .ms{ font-size:21px; } #rmbz-vip .rmbz-vip-notif-dialog-body{ flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:24px 26px; } #rmbz-vip .rmbz-vip-notif-dialog-body p{ margin:0; color:var(--text2); font-size:14px; line-height:1.75; white-space:pre-line; } #rmbz-vip .rmbz-vip-notif-dialog-time{ display:inline-flex; align-items:center; gap:6px; margin-top:18px; padding:7px 10px; border-radius:100px; background:var(--elev); color:var(--muted); font-size:10.5px; } #rmbz-vip .rmbz-vip-notif-dialog-time .ms{ font-size:15px; } #rmbz-vip .rmbz-vip-notif-dialog-actions{ flex:0 0 auto; display:flex; justify-content:flex-end; gap:9px; padding:15px 22px 20px; border-top:1px solid var(--border); background:var(--surface); } #rmbz-vip .rmbz-vip-notif-dialog-dismiss{ min-height:42px; border:1px solid var(--border2); background:transparent; color:var(--text2); } #rmbz-vip .rmbz-vip-notif-modal-action{ min-height:42px; background:var(--notif-tone); color:#fff; text-decoration:none; } #rmbz-vip .rmbz-vip-notif-modal-action[hidden]{ display:none!important; } @media (max-width:700px){ #rmbz-vip .rmbz-vip-notif-row{ align-items:stretch; flex-direction:column; gap:10px; padding:13px 13px 13px 17px; } /* [2.0] 3.a pista 30px -> 32px: o chevron tem 32px e comia 2px do gap. */ #rmbz-vip .rmbz-vip-notif-toggle{ width:100%; grid-template-columns:40px minmax(0,1fr) 32px; gap:11px; } #rmbz-vip .rmbz-vip-notif-icon{ width:40px; height:40px; border-radius:13px; } #rmbz-vip .rmbz-vip-notif-action{ align-self:flex-start; max-width:none; margin-left:51px; } #rmbz-vip .rmbz-vip-notif-expanded{ margin:0 13px 13px 68px; } #rmbz-vip .rmbz-vip-notif-scrim{ align-items:flex-end; padding:0; } #rmbz-vip .rmbz-vip-notif-dialog{ width:100%; max-width:none; max-height:calc(100dvh - 10px); border-radius:30px 30px 0 0; } /* [2.0] 3.a pista 40px -> 42px: o botao de fechar tem 42px. */ #rmbz-vip .rmbz-vip-notif-dialog-head{ grid-template-columns:46px minmax(0,1fr) 42px; gap:11px; padding:17px 18px; } #rmbz-vip .rmbz-vip-notif-dialog-icon{ width:46px; height:46px; border-radius:15px; font-size:23px; } #rmbz-vip .rmbz-vip-notif-dialog-heading h2{ font-size:20px; } #rmbz-vip .rmbz-vip-notif-dialog-body{ padding:20px; } #rmbz-vip .rmbz-vip-notif-dialog-actions{ padding:13px 18px max(18px,env(safe-area-inset-bottom)); } } @media (max-width:420px){ #rmbz-vip .rmbz-vip-notif-action{ width:calc(100% - 51px); justify-content:center; } #rmbz-vip .rmbz-vip-notif-expanded{ margin-left:13px; } #rmbz-vip .rmbz-vip-notif-dialog-actions{ flex-direction:column-reverse; } #rmbz-vip .rmbz-vip-notif-dialog-actions .pill{ width:100%; justify-content:center; } } /* ======================================================================== * [2.0] Icones que DERIVAM da pista da grelha. * * Padrao de bug recorrente neste tema: um breakpoint encolhe a primeira * pista da grelha (`grid-template-columns:36px ...`) mas esquece-se do * icone, que mantem os px da folha base. O icone transborda para dentro do * `gap` e encosta ao texto — foi assim que os separadores de Musicas & * Ganhos apareceram com o icone colado as letras. * * Aqui invertemos a dependencia nos casos em que o icone e DECORATIVO (nao * e alvo de toque): `width:100%` da-lhe exactamente a largura da pista e o * `aspect-ratio` mantem-no quadrado. Passa a haver uma so fonte de verdade * — mudar o breakpoint chega. Seguro porque estas caixas sao flex * centradas: o glifo fica ao meio seja qual for o tamanho. * * Nos icones que SAO botoes (notificacoes, fechar, chevron) fez-se o * contrario: alargou-se a pista, para nao encolher o alvo de toque. * ===================================================================== */ @media (max-width:1100px){ #rmbz-vip .finance-metric.wide .finance-metric-icon{ width:100%; height:auto; aspect-ratio:1; } } @media (max-width:760px){ #rmbz-vip .home-now-live-icon{ width:100%; height:auto; aspect-ratio:1; } } @media (max-width:520px){ #rmbz-vip .home-activity-icon{ width:100%; height:auto; aspect-ratio:1; } } @media (max-width:430px){ #rmbz-vip .vip-session-icon{ width:100%; height:auto; aspect-ratio:1; } }