/* Brand overrides for New API. Kept separate from the upstream application. */
:root, html.dark {
  --background:#fcf8ee; --foreground:#3d3229; --card:#fffdf7; --card-foreground:#3d3229;
  --popover:#fffdf7; --popover-foreground:#3d3229; --primary:#d96834; --primary-foreground:#fffaf2;
  --secondary:#f5e8ce; --secondary-foreground:#553d2e; --muted:#f5ead8; --muted-foreground:#706451;
  --accent:#f6dfbc; --accent-foreground:#5b3c29; --border:#e8d8be; --input:#e8d8be;
  --ring:#d96834; --sidebar:#f8eedb; --sidebar-foreground:#473a2e;
  --sidebar-primary:#cf6533; --sidebar-primary-foreground:#fffaf2;
  --sidebar-accent:#f2dfbd; --sidebar-accent-foreground:#593c2c;
  --sidebar-border:#e8d8be; --sidebar-ring:#d96834;
}
html,body{background:#fcf8ee!important;color:#3d3229}
[data-slot="card"], [data-slot="dialog-content"], [data-slot="popover-content"]{border-color:#e8d8be;box-shadow:0 15px 42px rgba(95,66,36,.07)}
[data-slot="button"].bg-primary{background:#d96834!important;color:#fffaf2!important}
[data-slot="button"].bg-primary:hover{background:#bd552a!important}
table tr:hover{background:#fff4df}
a:hover{color:#ad5229}
/* Login, registration and account recovery share the upstream auth shell. */
#root>.relative.grid:has(form){isolation:isolate;overflow:hidden;background:#fff4dd;min-height:100svh}
#root>.relative.grid:has(form):before{content:"";position:absolute;inset:0 0 0 auto;width:48%;background:#8d9d62 url('/brand-assets/niulai-landscape.svg') center/cover no-repeat;z-index:-1}
#root>.relative.grid:has(form):after{content:"";position:absolute;inset:0 auto 0 0;width:55%;background:radial-gradient(circle at 12% 13%,#fff9e9 0,#fff4df 54%,#f8e6c5 100%);z-index:-1}
#root>.relative.grid:has(form)>.container{width:54%;max-width:none;margin:0;position:relative}
#root>.relative.grid:has(form)>.container>.mx-auto{max-width:500px}
#root>.relative.grid:has(form) form{background:rgba(255,253,247,.92);border:1px solid #ead8b8;border-radius:24px;padding:30px;box-shadow:0 24px 55px rgba(100,65,29,.11)}
#root>.relative.grid:has(form) input{height:42px;border-radius:11px;background:#fffef9;border-color:#e7d7ba}
#root>.relative.grid:has(form) button[type="submit"]{height:43px;border-radius:11px;background:#d96834!important;color:white!important;box-shadow:0 8px 20px rgba(178,85,39,.19)}
#root>.relative.grid:has(form) button[type="submit"]:hover{background:#bc562b!important}
#root>.relative.grid:has(form) a[href="/"] img{width:42px;height:42px;border-radius:12px;box-shadow:0 5px 15px rgba(106,76,40,.16)}
#root>.relative.grid:has(form) a[href="/"] h1{font-weight:800;color:#77452e}
#root>.relative.grid:has(form) h2{color:#693e2c}
@media(max-width:850px){
  #root>.relative.grid:has(form):before{width:100%;opacity:.18;background-position:center 63%}
  #root>.relative.grid:has(form):after{width:100%;background:linear-gradient(90deg,rgba(255,247,227,.96),rgba(255,247,227,.79))}
  #root>.relative.grid:has(form)>.container{width:100%;margin:auto}
  #root>.relative.grid:has(form) form{padding:22px}
}