/* FuBots skin over the upstream web build — Fudex design tokens (design.fudex.com.sa v1.3):
   «رمل» light (default) and «ليل» dark, the RB typeface, Fudex orange for primary actions, and the
   FuBots mark in the sidebar. Only upstream CSS variables are remapped (packages/ui-tokens), so
   layouts and components stay upstream's and survive updates. Unlayered + html[data-theme]
   specificity, so it wins over the upstream tokens without !important. */
@font-face{font-family:"RB";src:url(rb-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"RB";src:url(rb-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --font-sans:"RB","IBM Plex Sans Arabic",Tahoma,"Segoe UI",system-ui,sans-serif;
  --font-weight-normal:400;
}
:root[data-os="mac"]{--font-weight-normal:400}

html[data-theme="light"]{
  --background:#F7F2EA; --dialog:#FFFFFF; --foreground:#0A183D;
  --card:#FFFFFF; --card-foreground:#0A183D; --popover:#FFFFFF; --popover-foreground:#0A183D;
  --glass-fill:#FFFFFF; --glass-stroke:#0A183D1A;
  --primary:#FF5700; --primary-foreground:#FFFFFF; --primary-hover:#FF6A1E; --primary-disabled:#FF570040;
  --secondary:#0A183D0D; --secondary-foreground:#0A183D;
  --chat-user:#0A183D; --chat-user-foreground:#FFFFFF;
  --muted:#F1EADF; --muted-foreground:#4A5068; --faint-foreground:#8A8FA3;
  --accent:#F1EADF; --accent-foreground:#0A183D;
  --border:#E6DCCB; --input:#D8CCB8; --ring:#FF5700;
  --sidebar:#FFFFFF; --sidebar-foreground:#0A183D; --sidebar-border:#E6DCCB;
  --sidebar-accent:#F1EADF; --sidebar-accent-foreground:#0A183D;
  --link:#C24A00; --status-working:#FF5700; --unread:#FF5700;
  --overlay:#0A081673; --scrollbar:#0A183D33; --scrollbar-hover:#0A183D66;
  --radius:0.875rem;
}
html[data-theme="dark"]{
  --background:#0B1430; --dialog:#121D3F; --foreground:#FFFFFF;
  --card:#121D3F; --card-foreground:#FFFFFF; --popover:#121D3F; --popover-foreground:#FFFFFF;
  --glass-fill:#16224A; --glass-stroke:#FFFFFF26;
  --primary:#FF5700; --primary-foreground:#FFFFFF; --primary-hover:#FF6A1E; --primary-disabled:#FF57004D;
  --secondary:#FFFFFF0F; --secondary-foreground:#FFFFFF;
  --chat-user:#1F2B57; --chat-user-foreground:#FFFFFF;
  --muted:#121D3F; --muted-foreground:#B9BED3; --faint-foreground:#8A8FA3;
  --accent:#FFFFFF0F; --accent-foreground:#FFFFFF;
  --border:#FFFFFF1F; --input:#FFFFFF33; --ring:#FF8A4C;
  --sidebar:#08102A; --sidebar-foreground:#FFFFFF; --sidebar-border:#FFFFFF1A;
  --sidebar-accent:#FFFFFF14; --sidebar-accent-foreground:#FFFFFF;
  --link:#FFB48A; --status-working:#FF8A4C; --unread:#FF8A4C;
  --overlay:#0A0816A6; --scrollbar:#FFFFFF33; --scrollbar-hover:#FFFFFF80;
  --radius:0.875rem;
}

/* The browser build leaves an empty 72px spacer where the desktop app draws window buttons:
   that spot carries the Fudex logo + «FuBots», like the header of fubots.fudex.com.sa. */
[data-testid="bots-sidebar"] div.h-3.w-\[72px\][aria-hidden="true"]{
  width:auto; height:auto; display:flex; flex-direction:column; align-items:flex-start; gap:1px;
  margin-inline-end:12px;
}
[data-testid="bots-sidebar"] div.h-3.w-\[72px\][aria-hidden="true"]::before{
  content:""; width:64px; height:24px; flex:none;
  background:url(logo-full.svg) no-repeat 0 50%/contain;
}
[data-testid="bots-sidebar"] div.h-3.w-\[72px\][aria-hidden="true"]::after{
  content:"FuBots · من فيودكس"; white-space:nowrap;
  font:700 11px/14px "RB",system-ui,sans-serif; color:var(--muted-foreground);
}
html[data-theme="dark"] [data-testid="bots-sidebar"] div.h-3.w-\[72px\][aria-hidden="true"]::before{
  background-image:url(logo-full-white.svg);
}