/* URliink v3.0.0 — single-source visual system
   Brand palette: Gold + Black + White only. Greys are opacity-derived neutrals. */
:root{
  --ur-gold:#D4A72C;
  --ur-gold-strong:#B98A19;
  --ur-black:#0A0A0A;
  --ur-white:#FFFFFF;
  --ur-bg:#FFFFFF;
  --ur-surface:#FFFFFF;
  --ur-surface-2:rgba(10,10,10,.035);
  --ur-text:#0A0A0A;
  --ur-muted:rgba(10,10,10,.58);
  --ur-border:rgba(10,10,10,.10);
  --ur-border-strong:rgba(10,10,10,.18);
  --ur-shadow:0 10px 30px rgba(10,10,10,.06);
  --ur-shadow-lg:0 20px 55px rgba(10,10,10,.10);
  --ur-radius:18px;
  --ur-sidebar:268px;
  --ur-sidebar-collapsed:80px;
  --ur-bottom-nav:74px;

  --background:0 0% 100%;--foreground:0 0% 4%;
  --card:0 0% 100%;--card-foreground:0 0% 4%;--card-border:0 0% 90%;
  --popover:0 0% 100%;--popover-foreground:0 0% 4%;--popover-border:0 0% 90%;
  --primary:43 66% 50%;--primary-foreground:0 0% 4%;
  --secondary:0 0% 97%;--secondary-foreground:0 0% 4%;
  --muted:0 0% 97%;--muted-foreground:0 0% 38%;
  --accent:43 66% 94%;--accent-foreground:43 74% 34%;
  --input:0 0% 88%;--ring:43 66% 50%;
  --destructive:0 0% 4%;--destructive-foreground:0 0% 100%;
  --sidebar:0 0% 100%;--sidebar-foreground:0 0% 4%;--sidebar-border:0 0% 90%;
  --sidebar-primary:43 66% 50%;--sidebar-primary-foreground:0 0% 4%;
  --sidebar-accent:43 66% 94%;--sidebar-accent-foreground:43 74% 34%;--sidebar-ring:43 66% 50%;
}
.dark{
  --ur-bg:#0A0A0A;
  --ur-surface:#111111;
  --ur-surface-2:rgba(255,255,255,.045);
  --ur-text:#FFFFFF;
  --ur-muted:rgba(255,255,255,.62);
  --ur-border:rgba(255,255,255,.10);
  --ur-border-strong:rgba(255,255,255,.18);
  --ur-shadow:0 12px 32px rgba(0,0,0,.28);
  --ur-shadow-lg:0 24px 60px rgba(0,0,0,.42);

  --background:0 0% 4%;--foreground:0 0% 100%;
  --card:0 0% 7%;--card-foreground:0 0% 100%;--card-border:0 0% 15%;
  --popover:0 0% 7%;--popover-foreground:0 0% 100%;--popover-border:0 0% 15%;
  --primary:43 66% 50%;--primary-foreground:0 0% 4%;
  --secondary:0 0% 10%;--secondary-foreground:0 0% 100%;
  --muted:0 0% 10%;--muted-foreground:0 0% 68%;
  --accent:43 66% 15%;--accent-foreground:43 78% 60%;
  --input:0 0% 18%;--ring:43 66% 50%;
  --destructive:0 0% 100%;--destructive-foreground:0 0% 4%;
  --sidebar:0 0% 6%;--sidebar-foreground:0 0% 100%;--sidebar-border:0 0% 15%;
  --sidebar-primary:43 66% 50%;--sidebar-primary-foreground:0 0% 4%;
  --sidebar-accent:43 66% 15%;--sidebar-accent-foreground:43 78% 60%;--sidebar-ring:43 66% 50%;
}

/* Global direction and typography */
html,body,#root{min-height:100%;background:var(--ur-bg)!important;color:var(--ur-text)!important}
html[dir="rtl"] body,html[dir="rtl"] #root{direction:rtl;text-align:start}
html[dir="ltr"] body,html[dir="ltr"] #root{direction:ltr;text-align:start}
html[dir="rtl"] :where(header,footer,main,nav,aside,section,article,form,[role="dialog"],[role="menu"],[role="listbox"],[role="alertdialog"]){direction:rtl;text-align:start}
html[dir="ltr"] :where(header,footer,main,nav,aside,section,article,form,[role="dialog"],[role="menu"],[role="listbox"],[role="alertdialog"]){direction:ltr;text-align:start}
:where(input,textarea,select,button){text-align:start}
:where(input[type="email"],input[type="url"],input[type="tel"],code,pre,.ur-ltr){direction:ltr!important;text-align:left!important;unicode-bidi:isolate}
body{overflow-x:hidden;-webkit-tap-highlight-color:transparent}

/* Eliminate old blue/green/red identity leaks inside the product UI. */
body :where([class*="text-blue-"],[class*="text-sky-"],[class*="text-indigo-"],[class*="text-cyan-"],[class*="text-green-"],[class*="text-emerald-"],[class*="text-red-"],[class*="text-rose-"],[class*="text-orange-"],[class*="text-amber-"]){color:var(--ur-gold)!important}
body :where([class*="bg-blue-"],[class*="bg-sky-"],[class*="bg-indigo-"],[class*="bg-cyan-"],[class*="bg-green-"],[class*="bg-emerald-"],[class*="bg-red-"],[class*="bg-rose-"],[class*="bg-orange-"],[class*="bg-amber-"]){background-color:color-mix(in srgb,var(--ur-gold) 12%,var(--ur-surface))!important}
body :where([class*="border-blue-"],[class*="border-sky-"],[class*="border-indigo-"],[class*="border-cyan-"],[class*="border-green-"],[class*="border-emerald-"],[class*="border-red-"],[class*="border-rose-"],[class*="border-orange-"],[class*="border-amber-"]){border-color:color-mix(in srgb,var(--ur-gold) 38%,var(--ur-border))!important}

/* Application shell */
[data-ur-shell]{background:var(--ur-bg)!important}
[data-ur-sidebar]{background:var(--ur-surface)!important;border-inline-end:1px solid var(--ur-border)!important;box-shadow:none!important}
[data-ur-main]{background:var(--ur-bg)!important}
[data-ur-topbar]{position:sticky!important;top:0!important;z-index:1000!important;height:68px!important;min-height:68px!important;padding-inline:24px!important;background:color-mix(in srgb,var(--ur-surface) 96%,transparent)!important;border-bottom:1px solid var(--ur-border)!important;box-shadow:none!important;backdrop-filter:blur(18px) saturate(130%)!important;-webkit-backdrop-filter:blur(18px) saturate(130%)!important}
[data-ur-topbar] h1{font-size:1.08rem!important;font-weight:800!important;color:var(--ur-text)!important}
.ur-sidebar-toggle{background:var(--ur-surface)!important;border:1px solid var(--ur-border)!important;color:var(--ur-text)!important;box-shadow:none!important}
.ur-sidebar-toggle:hover{background:color-mix(in srgb,var(--ur-gold) 10%,var(--ur-surface))!important;border-color:color-mix(in srgb,var(--ur-gold) 45%,var(--ur-border))!important;color:var(--ur-gold-strong)!important}
.ur-dashboard-nav{gap:5px!important}.ur-nav-section-title{color:var(--ur-muted)!important;padding:15px 12px 7px!important;font-size:.72rem!important;letter-spacing:.01em}
.ur-dashboard-nav-link{min-height:45px!important;border-radius:12px!important;padding:10px 12px!important;color:var(--ur-muted)!important;font-weight:700!important;border:1px solid transparent!important}
.ur-dashboard-nav-link:hover{background:var(--ur-surface-2)!important;color:var(--ur-text)!important}
.ur-dashboard-nav-link[aria-current="page"]{background:color-mix(in srgb,var(--ur-gold) 12%,var(--ur-surface))!important;color:var(--ur-gold-strong)!important;border-color:color-mix(in srgb,var(--ur-gold) 28%,transparent)!important}
.ur-dashboard-nav-link[aria-current="page"]:before{background:var(--ur-gold)!important;width:3px!important}

/* Workspace rhythm */
html.ur-route-dashboard [data-ur-main]>.page-transition-enter,html.ur-route-admin [data-ur-main]>.page-transition-enter{padding:28px clamp(18px,2.3vw,36px) 44px!important;animation:ur300-enter .16s ease both}
@keyframes ur300-enter{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Cards / panels / forms */
[data-ur-main] :where(.rounded-xl.border,.rounded-2xl.border){background:var(--ur-surface)!important;border-color:var(--ur-border)!important;box-shadow:var(--ur-shadow)!important}
[data-ur-main] :where(.rounded-xl,.rounded-2xl){border-radius:var(--ur-radius)!important}
[data-ur-main] :where(input:not([type=checkbox]):not([type=radio]),textarea,select){min-height:46px!important;border-radius:12px!important;background:var(--ur-surface)!important;border-color:var(--ur-border-strong)!important;color:var(--ur-text)!important;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease!important}
[data-ur-main] :where(input,textarea,select):focus{border-color:var(--ur-gold)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ur-gold) 14%,transparent)!important;outline:none!important}
[data-ur-main] :where(button,a){touch-action:manipulation}
[data-ur-main] :where(button.bg-primary,a.bg-primary){background:var(--ur-gold)!important;color:var(--ur-black)!important}
[data-ur-main] :where(.text-muted-foreground,.text-gray-500,.text-slate-500){color:var(--ur-muted)!important}
[data-ur-main] table{background:var(--ur-surface)!important;font-variant-numeric:tabular-nums}
[data-ur-main] thead tr{background:var(--ur-surface-2)!important}
[data-ur-main] th{color:var(--ur-muted)!important;font-weight:750!important}
[data-ur-main] th,[data-ur-main] td{padding-block:13px!important;border-color:var(--ur-border)!important}

/* Semantic states stay within brand palette; labels/icons carry meaning. */
[data-ur-main] :where(.text-destructive,[data-variant="destructive"]){color:var(--ur-text)!important}
[data-ur-main] :where(.bg-destructive\/5,.bg-destructive\/10){background:color-mix(in srgb,var(--ur-gold) 9%,var(--ur-surface))!important}

/* Withdrawal / dark financial hero: structured black + gold only. */
html[data-ur-path="/dashboard/withdrawals"] [data-ur-main] :where(.bg-slate-950,.bg-gray-950,.bg-zinc-950,.bg-black){background:var(--ur-black)!important;color:var(--ur-white)!important}
html[data-ur-path="/dashboard/withdrawals"] [data-ur-main] :where(.bg-slate-950,.bg-gray-950,.bg-zinc-950,.bg-black) :where(.text-muted-foreground,.text-gray-400,.text-slate-400){color:rgba(255,255,255,.62)!important}
html[data-ur-path="/dashboard/withdrawals"] [data-ur-main] :where(.bg-slate-950,.bg-gray-950,.bg-zinc-950,.bg-black) .rounded-xl.border{background:rgba(255,255,255,.06)!important;color:var(--ur-white)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:none!important}

/* Footer */
footer{background:var(--ur-surface)!important;border-top:1px solid var(--ur-border)!important;color:var(--ur-text)!important}
footer :where(h2,h3,h4,strong){color:var(--ur-text)!important}
footer :where(p,a,span,li){text-align:start!important}
footer a{color:var(--ur-muted)!important;text-decoration:none!important}
footer a:hover{color:var(--ur-gold-strong)!important}
html[dir="rtl"] footer :where(.text-left,.text-right){text-align:start!important}
html[dir="ltr"] footer :where(.text-left,.text-right){text-align:start!important}
footer .grid{align-items:start!important}

/* Landing trust section rebuilt by ux-v300.js */
.ur300-trust{padding:72px 20px;background:var(--ur-bg);border-block:1px solid var(--ur-border)}
.ur300-trust-inner{width:min(1160px,100%);margin-inline:auto}
.ur300-trust-head{max-width:780px;margin:0 auto 30px;text-align:center}
.ur300-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ur-gold) 40%,transparent);background:color-mix(in srgb,var(--ur-gold) 10%,var(--ur-surface));color:var(--ur-gold-strong);font-weight:800;font-size:.78rem}
.ur300-trust-head h2{margin:14px 0 8px;font-size:clamp(1.8rem,3.2vw,2.65rem);line-height:1.22;letter-spacing:-.025em;color:var(--ur-text)}
.ur300-trust-head p{margin:0;color:var(--ur-muted);line-height:1.85}
.ur300-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.ur300-feature{padding:20px;border:1px solid var(--ur-border);border-radius:20px;background:var(--ur-surface);box-shadow:var(--ur-shadow)}
.ur300-feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--ur-black);color:var(--ur-gold);margin-bottom:14px}
.dark .ur300-feature-icon{background:var(--ur-white);color:var(--ur-gold-strong)}
.ur300-feature h3{font-size:1rem;margin:0 0 6px;color:var(--ur-text)}
.ur300-feature p{font-size:.88rem;line-height:1.75;margin:0;color:var(--ur-muted)}
.ur300-journeys{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ur300-journey{padding:18px;border:1px solid var(--ur-border);border-radius:18px;background:var(--ur-surface)}
.ur300-person{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.ur300-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--gold, var(--ur-gold));color:var(--ur-black);font-weight:900;box-shadow:0 7px 18px color-mix(in srgb,var(--ur-gold) 24%,transparent)}
.ur300-person strong{display:block;color:var(--ur-text)}.ur300-person small{display:block;margin-top:2px;color:var(--ur-muted);font-size:.78rem}
.ur300-journey h3{font-size:.98rem;line-height:1.55;margin:0 0 7px;color:var(--ur-text)}
.ur300-journey p{font-size:.84rem;line-height:1.75;margin:0;color:var(--ur-muted)}
.ur300-rating{margin-top:12px;color:var(--ur-gold-strong);font-size:12px;letter-spacing:1px;white-space:nowrap}
.ur300-disclosure{margin:14px 0 0;text-align:center;color:var(--ur-muted);font-size:.74rem;line-height:1.7}
.ur300-payments{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px}
.ur300-payments span{color:var(--ur-muted);font-size:.82rem}.ur300-payments b{padding:8px 11px;border:1px solid var(--ur-border);border-radius:10px;background:var(--ur-surface);color:var(--ur-text);font-size:.8rem}.ur300-payments a{padding:10px 15px;border-radius:11px;background:var(--ur-black);color:var(--ur-white)!important;font-weight:800;text-decoration:none}.dark .ur300-payments a{background:var(--ur-gold);color:var(--ur-black)!important}

/* Mobile PWA bottom nav */
.ur300-bottom-nav{display:none}
@media(max-width:1023px){
  html.ur-route-dashboard body,html.ur-route-admin body{padding-bottom:calc(var(--ur-bottom-nav) + 18px + env(safe-area-inset-bottom,0px))!important}
  .urliink-help-fab{bottom:calc(var(--ur-bottom-nav) + 20px + env(safe-area-inset-bottom,0px))!important}
  .ur300-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));inset-inline:9px;bottom:max(8px,env(safe-area-inset-bottom,0px));height:70px;z-index:2147482000;padding:7px 6px;border:1px solid var(--ur-border);border-radius:22px;background:color-mix(in srgb,var(--ur-surface) 96%,transparent);box-shadow:0 16px 42px rgba(10,10,10,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .ur300-bottom-nav a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none!important;color:var(--ur-muted)!important;border-radius:15px;font-size:10.5px;font-weight:800;position:relative}
  .ur300-bottom-nav a svg{width:21px;height:21px;stroke-width:1.9}
  .ur300-bottom-nav a[aria-current="page"]{color:var(--ur-gold-strong)!important;background:color-mix(in srgb,var(--ur-gold) 10%,var(--ur-surface))}
  .ur300-bottom-nav a.ur300-primary{transform:translateY(-13px);width:58px;height:58px;justify-self:center;border-radius:19px;background:var(--ur-black);color:var(--ur-gold)!important;border:4px solid var(--ur-surface);box-shadow:0 10px 24px rgba(10,10,10,.24)}
  .dark .ur300-bottom-nav a.ur300-primary{background:var(--ur-white);color:var(--ur-gold-strong)!important}
  .ur300-bottom-nav a.ur300-primary span{position:absolute;top:58px;color:var(--ur-gold-strong);white-space:nowrap}
  [data-ur-topbar]{height:58px!important;min-height:58px!important;padding-inline:14px!important}
  html.ur-route-dashboard [data-ur-main]>.page-transition-enter,html.ur-route-admin [data-ur-main]>.page-transition-enter{padding:18px 14px calc(96px + env(safe-area-inset-bottom,0px))!important}
}

/* Desktop sidebar: expanded by default, compact only when user explicitly collapses. */
@media(min-width:1024px){
  [data-ur-sidebar]{width:var(--ur-sidebar)!important}
  [data-ur-main]{margin-inline-start:var(--ur-sidebar)!important}
  html.ur-sidebar-collapsed [data-ur-sidebar]{width:var(--ur-sidebar-collapsed)!important}
  html.ur-sidebar-collapsed [data-ur-main]{margin-inline-start:var(--ur-sidebar-collapsed)!important}
}

@media(max-width:1100px){.ur300-features{grid-template-columns:repeat(2,minmax(0,1fr))}.ur300-journeys{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ur300-trust{padding:52px 16px}.ur300-trust-head{text-align:start}.ur300-features,.ur300-journeys{grid-template-columns:1fr}.ur300-disclosure{text-align:start}.ur300-payments{justify-content:flex-start}}

/* URliink v3.0.1 — public creator page refinement */
:root{
  --ur-gold:#D4AF37;
  --ur-gold-strong:#B9901F;
  --ur-black:#0B0B0B;
  --ur-white:#FFFFFF;
  --ur-shell-max:1180px;
}

/* Stronger page rhythm without changing application logic. */
body.ur-public-creator{background:var(--ur-white)!important}
.dark body.ur-public-creator{background:var(--ur-black)!important}
body.ur-public-creator main,
body.ur-public-creator [role="main"]{background:transparent!important}

/* Keep public creator content visually connected and centered. */
body.ur-public-creator main > :where(div,section):not(footer),
body.ur-public-creator [role="main"] > :where(div,section):not(footer){
  max-width:var(--ur-shell-max);
  margin-inline:auto;
}

/* Public cards: lighter, tighter, more premium. */
body.ur-public-creator :where(.rounded-xl.border,.rounded-2xl.border,.rounded-3xl.border){
  border-color:rgba(11,11,11,.10)!important;
  box-shadow:0 10px 28px rgba(11,11,11,.045)!important;
}
body.ur-public-creator :where(.rounded-xl,.rounded-2xl,.rounded-3xl){border-radius:20px!important}
body.ur-public-creator :where(.text-muted-foreground,.text-gray-500,.text-slate-500,.text-gray-400){color:rgba(11,11,11,.52)!important}
.dark body.ur-public-creator :where(.text-muted-foreground,.text-gray-500,.text-slate-500,.text-gray-400){color:rgba(255,255,255,.58)!important}

/* Support package area: denser, aligned, no excessive vertical gaps. */
body.ur-public-creator h2,
body.ur-public-creator h3{letter-spacing:-.015em}
body.ur-public-creator :where(.grid){align-items:stretch}
body.ur-public-creator :where(.grid > .rounded-xl,.grid > .rounded-2xl,.grid > .rounded-3xl){
  min-height:0!important;
}
body.ur-public-creator :where(.grid > article,.grid > button,.grid > div[role="button"]){
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
body.ur-public-creator :where(.grid > article,.grid > button,.grid > div[role="button"]):hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--ur-gold) 45%,rgba(11,11,11,.1))!important;
  box-shadow:0 16px 34px rgba(11,11,11,.07)!important;
}

/* Buttons: black primary, gold action, white secondary. */
body.ur-public-creator :where(button.bg-primary,a.bg-primary){
  background:var(--ur-gold)!important;
  color:var(--ur-black)!important;
  border-color:var(--ur-gold)!important;
  font-weight:800!important;
  box-shadow:none!important;
}
body.ur-public-creator :where(button.bg-primary,a.bg-primary):hover{
  background:var(--ur-gold-strong)!important;
}
body.ur-public-creator :where(button[class*="bg-black"],a[class*="bg-black"]){
  background:var(--ur-black)!important;color:var(--ur-white)!important
}

/* Avoid washed out disabled buttons. */
body.ur-public-creator button:disabled{opacity:.48!important;cursor:not-allowed!important}

/* Public footer: thinner, cleaner, better hierarchy. */
body.ur-public-creator footer{
  margin-top:42px!important;
  background:var(--ur-black)!important;
  color:var(--ur-white)!important;
  border-top:1px solid rgba(212,175,55,.24)!important;
  min-height:0!important;
  padding-block:28px!important;
}
body.ur-public-creator footer :where(p,span,li,a){color:rgba(255,255,255,.62)!important}
body.ur-public-creator footer :where(strong,h2,h3,h4){color:var(--ur-white)!important}
body.ur-public-creator footer a:hover{color:var(--ur-gold)!important}
body.ur-public-creator footer :where(.container,.max-w-7xl,.max-w-6xl,.max-w-5xl){
  max-width:var(--ur-shell-max)!important;
  margin-inline:auto!important;
  padding-inline:24px!important;
}

/* Brand accents only in gold/black/white. */
body.ur-public-creator :where([class*="text-blue-"],[class*="text-indigo-"],[class*="text-sky-"],[class*="text-cyan-"],[class*="text-green-"],[class*="text-emerald-"],[class*="text-red-"],[class*="text-rose-"],[class*="text-orange-"],[class*="text-amber-"]){color:var(--ur-gold)!important}
body.ur-public-creator :where([class*="bg-blue-"],[class*="bg-indigo-"],[class*="bg-sky-"],[class*="bg-cyan-"],[class*="bg-green-"],[class*="bg-emerald-"],[class*="bg-red-"],[class*="bg-rose-"],[class*="bg-orange-"],[class*="bg-amber-"]){background-color:rgba(212,175,55,.10)!important}

/* RTL/LTR consistency on public pages. */
html[dir="rtl"] body.ur-public-creator :where(main,section,article,aside,footer,form){direction:rtl;text-align:start}
html[dir="ltr"] body.ur-public-creator :where(main,section,article,aside,footer,form){direction:ltr;text-align:start}
html[dir="rtl"] body.ur-public-creator :where(.text-left,.text-right){text-align:start!important}
html[dir="ltr"] body.ur-public-creator :where(.text-left,.text-right){text-align:start!important}

/* Medium screens: bring columns closer and reduce wasted whitespace. */
@media (min-width:900px){
  body.ur-public-creator main{padding-inline:clamp(22px,3vw,42px)!important}
  body.ur-public-creator main :where(.gap-8,.gap-10,.gap-12){gap:24px!important}
  body.ur-public-creator main :where(.py-16,.py-20,.py-24){padding-block:44px!important}
}

@media (max-width:899px){
  body.ur-public-creator main{padding-inline:16px!important}
  body.ur-public-creator :where(.grid-cols-2,.md\:grid-cols-2,.lg\:grid-cols-2){grid-template-columns:1fr!important}
  body.ur-public-creator footer{margin-top:28px!important;padding-block:24px!important}
}

/* URliink v3.0.2 — full-bleed public footer hotfix */
body.ur-public-creator,
body.ur-public-creator #root{
  min-height:100dvh!important;
  width:100%!important;
  max-width:none!important;
  overflow-x:clip!important;
}
body.ur-public-creator #root{
  display:flex!important;
  flex-direction:column!important;
}
body.ur-public-creator #root > main,
body.ur-public-creator main{
  flex:1 0 auto!important;
  width:100%!important;
  max-width:none!important;
}

/* Footer must escape any centered/max-width creator-page wrapper. */
body.ur-public-creator footer{
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  margin-top:36px!important;
  margin-right:calc(50% - 50vw)!important;
  margin-left:calc(50% - 50vw)!important;
  margin-bottom:0!important;
  padding:0!important;
  background:#0B0B0B!important;
  color:#FFFFFF!important;
  border-top:1px solid rgba(212,175,55,.32)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

/* Compact, balanced inner footer layout even if the original component uses utility containers. */
body.ur-public-creator footer > :first-child,
body.ur-public-creator footer :where(.container,.max-w-7xl,.max-w-6xl,.max-w-5xl,.mx-auto){
  width:min(100% - 32px,var(--ur-shell-max))!important;
  max-width:var(--ur-shell-max)!important;
  margin-inline:auto!important;
  padding:26px 0!important;
  box-sizing:border-box!important;
}
body.ur-public-creator footer :where(.grid,.flex){
  align-items:center!important;
  gap:18px!important;
}
body.ur-public-creator footer :where(p,span,li){
  color:rgba(255,255,255,.72)!important;
}
body.ur-public-creator footer :where(strong,h2,h3,h4){
  color:#FFFFFF!important;
}
body.ur-public-creator footer a{
  color:rgba(255,255,255,.78)!important;
  text-decoration:none!important;
}
body.ur-public-creator footer a:hover{
  color:#D4AF37!important;
}

/* Footer CTA must never render white-on-white. */
body.ur-public-creator footer :where(a,button)[href="/register"],
body.ur-public-creator footer :where(a,button).bg-primary,
body.ur-public-creator footer :where(a,button)[class*="rounded"]{
  background:#D4AF37!important;
  color:#0B0B0B!important;
  border:1px solid #D4AF37!important;
  box-shadow:none!important;
  font-weight:800!important;
  opacity:1!important;
}
body.ur-public-creator footer :where(a,button)[href="/register"]:hover,
body.ur-public-creator footer :where(a,button).bg-primary:hover{
  background:#B9901F!important;
  border-color:#B9901F!important;
  color:#0B0B0B!important;
}

/* Prevent any white strip after the footer on short public pages. */
body.ur-public-creator:has(footer){
  background:linear-gradient(to bottom,#FFFFFF 0,#FFFFFF calc(100% - 1px),#0B0B0B calc(100% - 1px),#0B0B0B 100%)!important;
}
.dark body.ur-public-creator:has(footer){background:#0B0B0B!important}

html[dir="rtl"] body.ur-public-creator footer,
html[dir="rtl"] body.ur-public-creator footer *{direction:rtl}
html[dir="rtl"] body.ur-public-creator footer :where(p,h1,h2,h3,h4,li){text-align:right!important}
html[dir="ltr"] body.ur-public-creator footer,
html[dir="ltr"] body.ur-public-creator footer *{direction:ltr}
html[dir="ltr"] body.ur-public-creator footer :where(p,h1,h2,h3,h4,li){text-align:left!important}

@media(max-width:700px){
  body.ur-public-creator footer{margin-top:26px!important}
  body.ur-public-creator footer > :first-child,
  body.ur-public-creator footer :where(.container,.max-w-7xl,.max-w-6xl,.max-w-5xl,.mx-auto){
    width:min(100% - 28px,var(--ur-shell-max))!important;
    padding:22px 0 calc(22px + env(safe-area-inset-bottom,0px))!important;
  }
  body.ur-public-creator footer :where(.grid,.flex){gap:14px!important}
}