/* New Raj Signature application skin. Palette follows app.newrajsignature.com.
   Scoped to the application shell so website previews and print output keep
   their own design. Menu structure, data, and interactions are unchanged. */
:is(body:has(.newraj-sidebar), body.newraj-auth) {
  --paper: #fff;
  --soft: #f8f8f7;
  --ink: #211f1b;
  --muted: #756e64;
  --line: #e4e1da;
  --subtle: #f4f1eb;
  --inverse: #fff;
  --newraj-gold: #a77b28;
  --newraj-gold-light: #dbb763;
  --newraj-gold-soft: #fbf2df;
  --ui-paper: var(--paper);
  --ui-soft: var(--soft);
  --ui-ink: var(--ink);
  --ui-muted: var(--muted);
  --ui-line: var(--line);
  --ui-inverse: var(--inverse);
  --ui-radius: 8px;
  --ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --color-neutral-50: #f8f8f7;
  --color-neutral-100: #f2efe9;
  --color-neutral-200: #e4e1da;
  --color-neutral-300: #cfc8bc;
  --color-neutral-400: #817a70;
  --color-neutral-500: #756e64;
  --color-neutral-600: #5d5549;
  --color-neutral-700: #443d32;
  --color-neutral-800: #30291e;
  --color-neutral-900: #211f1b;
  --color-neutral-950: #181713;
  color: var(--ink);
  background: var(--soft);
  color-scheme: light;
  font-family: var(--ui-font);
  --scroll-thumb: #c2b8a6;
  --scroll-thumb-hover: #a58b59;
}

:is(body:has(.newraj-sidebar), body.newraj-auth) :focus-visible {
  outline-color: #a77722;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) ::selection {
  color: #35270e;
  background: #ead7aa;
}
body:has(.newraj-sidebar) > div > header {
  background: #fff;
  border-color: #e8e5df;
  box-shadow: 0 1px #00000008;
}
body:has(.newraj-sidebar) main h1:not(:where(.page-theme *)) {
  color: #211f1b;
  font-weight: 650;
  letter-spacing: -.035em;
}

:is(body:has(.newraj-sidebar), body.newraj-auth) .ui-card:not(:where(.page-theme *)) {
  border-color: var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 28px #2c24130a;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) .ui-button:not(:where(.page-theme *)) {
  border-radius: 8px;
  font-family: var(--ui-font);
  font-weight: 600;
  transition: background-color .15s, border-color .15s, box-shadow .15s;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) .ui-button:not(:where(.page-theme *)):is(:not([data-variant]), [data-variant="default"]) {
  color: #fff;
  background: linear-gradient(180deg, #996d20, #80550b);
  border-color: #a47721;
  box-shadow: 0 2px 5px #79531018;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) .ui-button:not(:where(.page-theme *)):is(:not([data-variant]), [data-variant="default"]):hover {
  background: linear-gradient(180deg, #8b6019, #724b08);
  opacity: 1;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) .ui-button:not(:where(.page-theme *))[data-variant="outline"] {
  color: #39352e;
  background: #fff;
  border-color: #dfdbd3;
  box-shadow: 0 1px 2px #2c241306;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) .ui-button:not(:where(.page-theme *))[data-variant="outline"]:hover {
  color: #765410;
  background: #fbf7ed;
  border-color: #c6ad78;
  opacity: 1;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) .ui-button:not(:where(.page-theme *))[data-variant="secondary"] {
  color: #765410;
  background: #f3ead5;
  border-color: #e3d3b0;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) .ui-button:not(:where(.page-theme *)):is([data-variant="ghost"], [data-variant="link"]):hover {
  color: #805b17;
  background: #f7f2e7;
  opacity: 1;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) .ui-button:not(:where(.page-theme *))[data-variant="destructive"] {
  color: #8d3026;
  background: #fff7f5;
  border-color: #dab7b0;
  outline-color: #dab7b0;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) .ui-button:not(:where(.page-theme *)):is(:disabled, [aria-disabled="true"]) {
  opacity: .45;
  box-shadow: none;
}

:is(body:has(.newraj-sidebar), body.newraj-auth) :is(.ui-input:not(:where(.page-theme *)), .ui-select:not(:where(.page-theme *)), .ui-textarea:not(:where(.page-theme *))) {
  color: #27231d;
  background: #fff;
  border-color: #dcd5ca;
  border-radius: 9px;
  font-family: var(--ui-font);
}
:is(body:has(.newraj-sidebar), body.newraj-auth) :is(.ui-input:not(:where(.page-theme *)), .ui-select:not(:where(.page-theme *))) {
  min-height: 44px;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) :is(.ui-input:not(:where(.page-theme *)), .ui-select:not(:where(.page-theme *)), .ui-textarea:not(:where(.page-theme *))):focus-visible {
  outline: 0;
  border-color: #a77722;
  box-shadow: 0 0 0 3px #a7772230;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: #a77b28;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) .ui-switch:not(:where(.page-theme *)):checked {
  background: #a77b28;
  border-color: #936512;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) .ui-badge:not(:where(.page-theme *)):is(:not([data-variant]), [data-variant="default"]) {
  color: #765410;
  background: #fbf2df;
  border-color: #ead6aa;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) .ui-badge:not(:where(.page-theme *))[data-variant="outline"] {
  color: #716756;
  background: #fffdf9;
  border-color: #e4dccb;
}
:is(body:has(.newraj-sidebar), body.newraj-auth) .ui-alert:not(:where(.page-theme *)):not([data-variant="destructive"]) {
  color: #51432c;
  background: #fcf9f0;
  border-color: #e7dcc5;
}
body:has(.newraj-sidebar) :is(.module-tree-icon, .rb-icon, .hr-icon) {
  color: #a07b2e;
  background: #faf4e5;
  border-color: #eadfc8;
}
body:has(.newraj-sidebar) :is(.module-eyebrow, .rb-kicker, .projects-kicker, .hr-kicker) {
  color: #8a7041;
  letter-spacing: .12em;
}
body:has(.newraj-sidebar) :is(.module-children, .module-child, .rb-switch-row, .module-sites-section) {
  border-color: #e8e1d4;
}
body:has(.newraj-sidebar) :is(.module-child-heading, .module-sites-heading) > svg {
  color: #a07b2e;
}
body:has(.newraj-sidebar) :is(.ui-table:not(:where(.page-theme *)), .ui-data-table:not(:where(.page-theme *)), .ui-project-table:not(:where(.page-theme *))) thead {
  color: #5d5549;
  background: #faf8f3;
}
body:has(.newraj-sidebar) :is(.ui-tabs-trigger:not(:where(.page-theme *))[aria-selected="true"], .rb-tabs button[aria-selected="true"]) {
  color: #765410;
  background: #fbf2df;
  border-color: #d8bf88;
}
body:has(.newraj-sidebar) #monitor-content .stroke-neutral-950 { stroke: #b68a35; }
body:has(.newraj-sidebar) .ui-progress:not(:where(.page-theme *)) progress { accent-color: #a77b28; }
body:has(.newraj-sidebar) .ui-progress:not(:where(.page-theme *)) progress::-webkit-progress-value { background: #a77b28; }
body:has(.newraj-sidebar) .ui-progress:not(:where(.page-theme *)) progress::-moz-progress-bar { background: #a77b28; }

/* Collaboration keeps its existing channel tree and semantic status colors. */
body:has(.newraj-sidebar) :is(.ds-top, .ds-sidebar, .ds-quick, .ds-profile, .ds-tabs) { border-color: #e4e1da; }
body:has(.newraj-sidebar) .ds-sidebar { background: #f8f7f4; }
body:has(.newraj-sidebar) :is(.ds-mark, .ds-empty > .ds-empty-icon) {
  color: #986e21;
  background: #faf3e2;
  border-color: #e9dcc0;
}
body:has(.newraj-sidebar) :is(.ds-space select, .ds-quick button, .ds-room-link) { color: #625a4b; }
body:has(.newraj-sidebar) :is(.ds-quick button, .ds-room-link):hover { background: #f0eadd; }
body:has(.newraj-sidebar) :is(.ds-quick button[aria-current="true"], .ds-room-link[aria-current="true"]) {
  color: #765410;
  background: #f2e7cd;
}
body:has(.newraj-sidebar) .ds-tabs button[aria-current="true"] { color: #926717; border-color: #a77b28; }
body:has(.newraj-sidebar) .ds-room-link small { color: #fff; background: #996d20; }

/* Authentication uses the same warm paper, gold controls and dark brand panel. */
body.newraj-auth > .grid {
  width: min(1180px, calc(100% - 64px));
  min-height: calc(100svh - 64px);
  margin: 32px auto;
  border: 1px solid #e4e1da;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 18px 60px #2c24130d;
}
body.newraj-auth .newraj-auth-panel {
  background: radial-gradient(circle at 50% 28%, #3a2e18, #17140f 58%);
}
body.newraj-auth .newraj-auth-panel :is(.text-neutral-400, .text-neutral-500) { color: #bfb39d; }
body.newraj-auth .newraj-auth-panel h2 .text-neutral-500 { color: #dbb763; }
body.newraj-auth .newraj-auth-panel .border-neutral-800 { border-color: #53432a; }
body.newraj-auth .newraj-auth-panel .bg-neutral-900 { background: #ffffff05; }
body.newraj-auth .newraj-auth-panel svg { color: #dbb763; }
body.newraj-auth .newraj-auth-content {
  min-height: calc(100svh - 64px);
  background: #fff;
}
body.newraj-auth .login-brand { border: 1px solid #8f6f32; border-radius: 50%; }

/* User-authored website canvases retain the original neutral palette. */
body:has(.newraj-sidebar) .page-theme {
  --paper: #fff; --soft: #fafafa; --ink: #171717; --muted: #717171;
  --line: #e8e8e8; --subtle: #f3f3f3; --inverse: #fff;
  --color-neutral-50: #fafafa; --color-neutral-100: #f5f5f5;
  --color-neutral-200: #e5e5e5; --color-neutral-300: #d4d4d4;
  --color-neutral-400: #a3a3a3; --color-neutral-500: #737373;
  --color-neutral-600: #525252; --color-neutral-700: #404040;
  --color-neutral-800: #262626; --color-neutral-900: #171717;
  --color-neutral-950: #0a0a0a;
  --ui-paper: var(--paper); --ui-soft: var(--soft); --ui-ink: var(--ink);
  --ui-muted: var(--muted); --ui-line: var(--line); --ui-inverse: var(--inverse);
  --ui-radius: .625rem;
}
@media (max-width: 1023px) {
  body.newraj-auth > .grid {
    width: calc(100% - 24px);
    min-height: calc(100svh - 24px);
    margin: 12px auto;
    border-radius: 18px;
  }
  body.newraj-auth .newraj-auth-content { min-height: calc(100svh - 24px); }
}
@media (prefers-reduced-motion: reduce) {
  :is(body:has(.newraj-sidebar), body.newraj-auth) .ui-button:not(:where(.page-theme *)) { transition: none; }
}
@media (forced-colors: active) {
  :is(body:has(.newraj-sidebar), body.newraj-auth) .ui-button:not(:where(.page-theme *)) {
    box-shadow: none;
    border-color: ButtonText;
  }
}