/* RUHR's Codex-inspired CloudCLI appearance. No authentication changes. */
:root {
  --background: 0 0% 98%; --foreground: 0 0% 12%;
  --card: 0 0% 100%; --card-foreground: 0 0% 12%;
  --primary: 0 0% 18%; --primary-foreground: 0 0% 100%;
  --accent: 0 0% 93%; --secondary: 0 0% 94%;
  --muted: 0 0% 94%; --muted-foreground: 0 0% 46%;
  --border: 0 0% 88%; --input: 0 0% 88%; --ring: 0 0% 48%;
  --nav-glass-bg: 0 0% 96% / 1;
}
.dark {
  --background: 0 0% 10%; --foreground: 0 0% 91%;
  --card: 0 0% 14%; --card-foreground: 0 0% 91%;
  --popover: 0 0% 14%; --popover-foreground: 0 0% 91%;
  --primary: 0 0% 88%; --primary-foreground: 0 0% 10%;
  --accent: 0 0% 19%; --secondary: 0 0% 16%;
  --muted: 0 0% 16%; --muted-foreground: 0 0% 60%;
  --border: 0 0% 23%; --input: 0 0% 23%; --ring: 0 0% 50%;
  --nav-glass-bg: 0 0% 12% / 1;
}
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.chat-messages-pane { background: hsl(var(--background)); }
.chat-messages-pane > .mx-auto { max-width: 800px; padding-top: 20px; padding-bottom: 32px; }
.chat-messages-pane .prose { font-size: 15px; line-height: 1.75; }
.chat-messages-pane .font-serif { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
div.relative.mx-auto:has(textarea) { max-width: 800px; }
.chat-messages-pane pre { border: 1px solid hsl(var(--border)); border-radius: 12px; }
.chat-messages-pane button { border-radius: 8px; }
div:has(> textarea) { background: transparent; }
div.relative.overflow-hidden:has(textarea) {
  border-radius: 20px; background: hsl(var(--card));
  border: 1px solid hsl(var(--border)); box-shadow: 0 4px 24px #0000000a;
}
textarea { font-size: 15px !important; line-height: 1.65 !important; padding: 18px !important; }
button[aria-label='Open settings panel'] { display: none; }
/* Settings remain available in the sidebar; remove the floating duplicate. */
[role='tabpanel'][id='quick-settings-tabpanel-settings'],
[role='tablist'][aria-label='Quick Settings'] { display: none; }
div:has(> h3):has(> button[aria-label='Close panel']) { display: none; }
a[href='https://discord.gg/buxwujPNRE'],
a[href='https://github.com/siteboon/claudecodeui/issues/new'],
a[href='https://github.com/siteboon/claudecodeui']:has(svg) { display: none; }
div.flex.h-full.flex-col:has(> div h1) { background: hsl(var(--muted)); backdrop-filter: none; }
button, input { transition-duration: 120ms !important; }
@media (max-width: 767px) {
  .chat-messages-pane > .mx-auto { padding-top: 8px; }
  textarea { padding: 12px !important; }
}