/* Ragulika IP - premium app polish (2026-10-04)
   Applies only in the phone/app layout (html.rgv2). Desktop website untouched. */

html.rgv2{
  --rgp-navy: linear-gradient(135deg,#0a1e3c 0%,#13305c 58%,#1c3e72 100%);
  --rgp-gold: linear-gradient(135deg,#e2c46e 0%,#c9a43f 50%,#a8862a 100%);
  --rgp-sh1: 0 1px 2px rgba(10,30,60,.04),0 6px 18px rgba(10,30,60,.06);
  --rgp-sh2: 0 2px 6px rgba(10,30,60,.06),0 16px 36px rgba(10,30,60,.12);
  --rgp-r: 18px;
  --rgp-bg-glow: radial-gradient(130% 55% at 50% -12%,#e6ecf7 0%,rgba(230,236,247,0) 70%);
}
html.rgv2[data-theme="dark"],html.rgv2.theme-dark{
  --rgp-sh1: 0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25);
  --rgp-sh2: 0 2px 6px rgba(0,0,0,.35),0 16px 36px rgba(0,0,0,.4);
  --rgp-bg-glow: radial-gradient(130% 55% at 50% -12%,#18233a 0%,rgba(24,35,58,0) 70%);
}

/* ---------- canvas ---------- */
html.rgv2 body{background:var(--rgp-bg-glow) no-repeat,var(--rg-bg,#f4f6f9);background-attachment:fixed}

/* ---------- app bar: frosted glass ---------- */
html.rgv2 .rg-appbar{
  background:color-mix(in srgb,var(--rg-surface,#fff) 80%,transparent);
  -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
}
html.rgv2 .rg-appbar.is-scrolled{box-shadow:0 1px 0 var(--rg-line,#e5e8ee),0 8px 24px rgba(10,30,60,.06)}
html.rgv2 .rg-appbar__brand img{width:32px;height:32px;border-radius:10px;box-shadow:var(--rgp-sh1)}
html.rgv2 .rgp-lockup{display:flex;flex-direction:column;line-height:1.05;min-width:0}
html.rgv2 .rgp-lockup b{font-family:var(--rg-font-display);font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--rg-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.rgv2 .rgp-lockup small{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--rg-accent,#b08d2d);margin-top:3px}
html.rgv2 .rg-appbar__title{font-weight:800;letter-spacing:-.02em}

/* ---------- tab bar ---------- */
html.rgv2 .rg-tabbar{
  background:color-mix(in srgb,var(--rg-surface,#fff) 86%,transparent);
  box-shadow:0 -8px 24px rgba(10,30,60,.06);border-top-color:color-mix(in srgb,var(--rg-line,#e5e8ee) 70%,transparent)
}
html.rgv2 .rg-tab{transition:color .2s ease}
html.rgv2 .rg-tab__icon{transition:background .25s ease,transform .25s cubic-bezier(.2,.8,.25,1)}
html.rgv2:not([data-theme="dark"]):not(.theme-dark) .rg-tab.is-active .rg-tab__icon{background:var(--rgp-navy);color:#fff;box-shadow:0 4px 12px rgba(10,30,60,.25)}
html.rgv2:not([data-theme="dark"]):not(.theme-dark) .rg-tab.is-active{color:var(--rg-brand)}
html.rgv2 .rg-tab.is-active .rg-tab__icon{transform:translateY(-1px)}
html.rgv2 .rg-tab span{font-weight:700}

/* ---------- surfaces ---------- */
html.rgv2 .rg-card,html.rgv2 .rg-list,html.rgv2 .rg-cal,html.rgv2 .rg-monthnav{
  border-radius:var(--rgp-r);
  border-color:color-mix(in srgb,var(--rg-line,#e5e8ee) 75%,transparent);
  box-shadow:var(--rgp-sh1)
}
html.rgv2 .rg-monthnav{border-radius:999px}
html.rgv2 .rg-card{padding:18px}
html.rgv2 .rg-row{min-height:68px}
html.rgv2 .rg-row__lead{border-radius:14px}
html.rgv2 .rg-sheet{border-radius:24px 24px 0 0}
html.rgv2 .rg-sheet__grip{width:40px;height:5px;border-radius:3px}

/* ---------- buttons ---------- */
html.rgv2 .rg-btn{border-radius:14px;min-height:50px;font-weight:700;letter-spacing:-.005em;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease}
html.rgv2:not([data-theme="dark"]):not(.theme-dark) .rg-btn--primary{
  background:var(--rgp-navy);border-color:transparent;
  box-shadow:0 8px 20px rgba(10,30,60,.22),inset 0 1px 0 rgba(255,255,255,.12)
}
html.rgv2 .rg-btn--primary:active{box-shadow:0 3px 10px rgba(10,30,60,.2)}
html.rgv2 .rg-btn--secondary{box-shadow:var(--rgp-sh1)}
html.rgv2 .rgp-btn-gold{background:var(--rgp-gold) !important;color:#1a1405 !important;border-color:transparent !important;box-shadow:0 8px 20px rgba(176,141,45,.35),inset 0 1px 0 rgba(255,255,255,.35) !important}

/* ---------- inputs ---------- */
html.rgv2 input[type="text"],html.rgv2 input[type="email"],html.rgv2 input[type="password"],
html.rgv2 input[type="search"],html.rgv2 input[type="tel"],html.rgv2 input[type="number"],
html.rgv2 input[type="date"],html.rgv2 select,html.rgv2 textarea{
  min-height:52px;border-radius:14px;background-color:var(--rg-surface-2,#f8f9fb);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease
}
html.rgv2 input:focus,html.rgv2 select:focus,html.rgv2 textarea:focus{background-color:var(--rg-surface,#fff);box-shadow:0 0 0 4px rgba(176,141,45,.18)}
html.rgv2 .rg-search input{border-radius:999px}

/* ---------- headings ---------- */
html.rgv2 main h1,html.rgv2 .rg-headblock h1{font-weight:800 !important;letter-spacing:-.025em !important}

/* ---------- dashboard hero ---------- */
html.rgv2 .rgp-hero{
  position:relative;overflow:hidden;margin:4px 0 6px !important;padding:22px 20px 20px;
  border-radius:24px;background:var(--rgp-navy);color:#fff;box-shadow:var(--rgp-sh2)
}
html.rgv2 .rgp-hero::before{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(226,196,110,.30) 0%,rgba(226,196,110,0) 65%);pointer-events:none}
html.rgv2 .rgp-hero::after{content:"";position:absolute;left:-40px;bottom:-90px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 65%);pointer-events:none}
html.rgv2 .rgp-hero > *{position:relative;z-index:1}
html.rgv2 .rgp-hero .rgp-eyebrow{display:block;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#e2c46e;margin:0 0 8px}
html.rgv2 .rgp-hero h1{color:#fff !important;font-size:24px !important}
html.rgv2 .rgp-hero p{color:rgba(255,255,255,.72) !important}
html.rgv2 .rgp-hero p.rgp-statline{display:none}
html.rgv2 .rgp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
html.rgv2 .rgp-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 12px 10px;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html.rgv2 .rgp-stat b{display:block;font-family:var(--rg-font-display);font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1;color:#fff}
html.rgv2 .rgp-stat span{display:block;margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.62)}
html.rgv2 .rgp-stat.is-critical b{color:#ffb4ab}
html.rgv2 .rgp-hero .rg-btn{margin-top:16px}
html.rgv2 .rgp-hero .rgp-hidden{display:none !important}

/* ---------- empty states ---------- */
html.rgv2 .rgp-empty{text-align:center;padding:28px 20px 22px !important}
html.rgv2 .rgp-empty__art{width:72px;height:72px;margin:0 auto 16px;border-radius:22px;display:grid;place-items:center;
  background:linear-gradient(145deg,#fbf3dc,#f3e3b4);color:#9c7a1f;box-shadow:0 10px 24px rgba(176,141,45,.22),inset 0 1px 0 #fff}
html.rgv2[data-theme="dark"] .rgp-empty__art,html.rgv2.theme-dark .rgp-empty__art{background:linear-gradient(145deg,#2b2618,#3a3220);color:#e2c46e;box-shadow:none}
html.rgv2 .rgp-empty__art svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html.rgv2 .rgp-empty h2,html.rgv2 .rgp-empty h3{font-size:19px !important;margin-bottom:6px !important}
html.rgv2 .rgp-empty p{max-width:30ch;margin-left:auto !important;margin-right:auto !important}

/* ---------- motion ---------- */
@keyframes rgp-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
html.rgv2 .rg-page > *{animation:rgp-in .42s cubic-bezier(.2,.8,.25,1) both}
html.rgv2 .rg-page > *:nth-child(2){animation-delay:.04s}
html.rgv2 .rg-page > *:nth-child(3){animation-delay:.08s}
html.rgv2 .rg-page > *:nth-child(4){animation-delay:.12s}
html.rgv2 .rg-page > *:nth-child(n+5){animation-delay:.16s}
@media (prefers-reduced-motion:reduce){html.rgv2 .rg-page > *{animation:none}}

/* ---------- small details ---------- */
html.rgv2 .rg-cal-legend__item{box-shadow:var(--rgp-sh1);border-color:transparent}
html.rgv2 .rg-cal-legend__item .cal-e{box-shadow:inset 0 0 0 1.5px rgba(10,30,60,.25)}
html.rgv2 .rg-cal .cal-d.today{background:transparent}
html.rgv2 .rg-cal .cal-d.today .cal-n{background:var(--rgp-navy);box-shadow:0 3px 8px rgba(10,30,60,.25)}
html.rgv2 .rg-legalnote{text-align:center;margin-top:26px}
html.rgv2 .rg-identity__face{background:var(--rgp-navy);box-shadow:var(--rgp-sh1)}
html.rgv2 .rg-pill{height:24px;padding:0 10px}
html.rgv2 .wrap-narrow{padding:0 !important;margin-top:6px !important;max-width:none !important}
html.rgv2 .rg-sortrow{justify-content:space-between}
html.rgv2 img.brand-lockup{width:auto !important;max-width:210px !important;height:auto !important;display:block;margin:10px auto 18px !important}
html.rgv2.rgp-auth .rg-appbar__signin{display:none !important}
/* trademarks landing */
html.rgv2 .m-btn{border-radius:14px;min-height:50px;font-weight:700}
html.rgv2 .m-hero .m-btn-deep{background:var(--rgp-gold) !important;color:#1a1405 !important;border-color:transparent !important;box-shadow:0 8px 20px rgba(176,141,45,.35),inset 0 1px 0 rgba(255,255,255,.35) !important}
html.rgv2 .m-step.rgp-step{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
html.rgv2 .m-step.rgp-step > .rgp-num{grid-row:1 / span 2;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-family:var(--rg-font-display);font-size:15px;font-weight:800;color:#fff;background:var(--rgp-navy);box-shadow:0 4px 10px rgba(10,30,60,.2)}
html.rgv2 .m-step.rgp-step > b,html.rgv2 .m-step.rgp-step > span{grid-column:2}
/* main app (app.ragulikaip.com) */
html.rgv2 .appbar{background:color-mix(in srgb,var(--rg-surface,#fff) 80%,transparent) !important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
html.rgv2 .btn{border-radius:14px}
html.rgv2 .btn-gold{background:var(--rgp-gold) !important;color:#1a1405 !important;border-color:transparent !important;box-shadow:0 8px 20px rgba(176,141,45,.35),inset 0 1px 0 rgba(255,255,255,.35) !important}
html.rgv2 nav.tabbar{box-shadow:0 -8px 24px rgba(10,30,60,.06)}
html.rgv2 nav.tabbar .tb-ic{transition:background .25s ease,transform .25s cubic-bezier(.2,.8,.25,1)}
html.rgv2:not([data-theme="dark"]):not(.theme-dark) nav.tabbar a.on .tb-ic{background:var(--rgp-navy) !important;color:#fff !important;box-shadow:0 4px 12px rgba(10,30,60,.25)}
html.rgv2:not([data-theme="dark"]):not(.theme-dark) nav.tabbar a.on .tb-ic svg{stroke:#fff}
html.rgv2 nav.tabbar a.on .tb-ic{transform:translateY(-1px)}