/* Parinita One's existing navy / ice-blue palette, mapped to LibreChat tokens. */
.dark {
  --presentation: #071018 !important;
  --text-primary: #eaf2f8 !important;
  --text-secondary: #9fb7c8 !important;
  --text-secondary-alt: #9fb7c8 !important;
  --text-tertiary: #819eb1 !important;
  --header-primary: #0a141e !important;
  --header-hover: #173246 !important;
  --header-button-hover: #173246 !important;
  --surface-chat: #10202d !important;
  --surface-dialog: #10202d !important;
  --surface-active: #173246 !important;
  --surface-active-alt: #112535 !important;
  --surface-hover-alt: #173246 !important;
  --surface-tertiary-alt: #112535 !important;
  --surface-primary: #071018 !important;
  --surface-primary-alt: #0a141e !important;
  --surface-primary-contrast: #10202d !important;
  --surface-secondary: #10202d !important;
  --surface-secondary-alt: #112535 !important;
  --surface-tertiary: #173246 !important;
  --surface-hover: #173246 !important;
  --border-light: #29465b !important;
  --border-medium: #31536b !important;
  --border-medium-alt: #31536b !important;
  --border-heavy: #49677d !important;
  --border-xheavy: #819eb1 !important;
  --background: 205 55% 6% !important;
  --card: 207 48% 12% !important;
  --popover: 207 48% 12% !important;
  --accent: 205 50% 18% !important;
  --input: 205 40% 25% !important;
}
:root, .dark {
  --brand-purple: #69c7ff !important;
  --surface-submit: #256a96 !important;
  --surface-submit-hover: #195578 !important;
  --ring: 203 100% 71% !important;
}
.one-check-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid var(--border-medium);
  border-radius: 10px;
  color: var(--text-primary);
  background: var(--surface-secondary);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.one-check-button:hover:not(:disabled) { background: var(--surface-hover); }
.one-check-button:focus-visible { outline: 2px solid #69c7ff; outline-offset: 3px; }
.one-check-button:disabled { opacity: .5; cursor: not-allowed; }
.one-check-action { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.one-check-error { color: var(--text-secondary); font-size: 12px; max-width: 280px; }
.w-authPageWidth.bg-white.dark\:bg-gray-900 {
  border-radius: 20px;
  background: linear-gradient(160deg, #10202d, #071018) !important;
  border-color: #29465b !important;
}
@media (prefers-reduced-motion: reduce) {
  .one-check-button { transition: none; }
}

/* Stable hooks in the native chat preserve controls and custom user themes. */
.one-chat-header {
  background: var(--presentation) !important;
  border-bottom: 1px solid var(--border-light);
  box-shadow: 0 8px 28px rgb(0 0 0 / 6%);
}
.one-brand {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 650;
  letter-spacing: -.03em;
  white-space: nowrap;
}
.one-brand img { width: 28px; height: 28px; border-radius: 8px; }
.one-landing { height: auto !important; max-height: none !important; flex-shrink: 0; margin-bottom: 0 !important; padding: 72px 20px 24px; }
.one-landing + div .one-composer { margin-bottom: 32px !important; }
.one-landing-brand { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-bottom: 20px; }
.one-landing-brand img { width: 68px; height: 68px; border: 1px solid var(--border-light); border-radius: 20px; }
.one-landing-brand h1 { margin: 0; font-size: clamp(28px, 4vw, 40px); font-weight: 600; letter-spacing: -.045em; line-height: 1.15; }
.one-message { padding-block: 12px; }
.one-message .agent-turn > h2,
.one-message .user-turn > h2 { margin-bottom: 10px; color: var(--text-secondary); font-size: 13px; }
.one-message-content { border: 1px solid var(--border-light); border-radius: 16px; padding: 16px 18px; background: var(--surface-primary-alt); }
.one-message .user-turn .one-message-content { background: var(--surface-secondary-alt); border-color: var(--border-medium); }
.one-message .markdown { line-height: 1.7; }
.one-message .markdown h2 { font-size: 1.2em; letter-spacing: -.025em; }
.one-message .markdown h3 { font-size: 1.08em; }
.one-composer { padding-inline: 12px; }
.one-composer-surface { border-radius: 18px !important; border-color: var(--border-medium); box-shadow: 0 12px 38px rgb(0 0 0 / 14%); }
.one-composer-surface:focus-within { border-color: #69c7ff; box-shadow: 0 0 0 2px rgb(105 199 255 / 10%); }
.one-composer textarea { min-height: 64px; line-height: 1.6; }
.one-composer textarea::placeholder { color: var(--text-secondary); opacity: 1; }
@media (max-width: 640px) {
  .one-brand { font-size: 13px; gap: 5px; }
  .one-brand img { width: 24px; height: 24px; }
  .one-message { gap: 8px; padding-block: 8px; }
  .one-message-content { padding: 12px; border-radius: 13px; }
  .one-composer { padding-inline: 8px; }
}