/* Chiti Ventures theme: loads after the base styles */
:root { --chiti-ease: cubic-bezier(.2,.7,.2,1); }
body { -webkit-font-smoothing: antialiased; }
h1, h2, h3, .word { font-family: 'Bricolage Grotesque', sans-serif; letter-spacing: -0.02em; }

/* landing: left panel */
.landing-headline h1 { font-weight: 700; font-size: clamp(2.3rem, 4.2vw, 3.5rem); line-height: 1.04; }
.landing-headline .eyebrow, .weave-svg, .glyph { display: none; }
.word::before {
  content: ""; display: inline-block; width: .62em; height: .62em; margin-right: .45em;
  border-radius: 50%; background: #FF9F1C; box-shadow: 0 0 0 .14em rgba(143,160,255,.5); vertical-align: .04em;
}
div:has(> .landing-headline) { position: relative; overflow: hidden; isolation: isolate; }
div:has(> .landing-headline)::before {
  content: ""; position: absolute; inset: -20%; z-index: -1; filter: blur(32px);
  background:
    radial-gradient(40% 35% at 25% 30%, rgba(47,75,255,.55), transparent 70%),
    radial-gradient(35% 30% at 75% 72%, rgba(255,159,28,.26), transparent 70%),
    radial-gradient(30% 30% at 72% 20%, rgba(143,160,255,.24), transparent 70%);
  animation: chitiDrift 22s ease-in-out infinite alternate;
}
@keyframes chitiDrift { to { transform: translate3d(4%, -3%, 0) rotate(8deg) scale(1.08); } }
.landing-headline h1, .landing-headline p { animation: chitiRise .8s var(--chiti-ease) both; }
.landing-headline p { animation-delay: .12s; }
@keyframes chitiRise { from { opacity: 0; transform: translateY(14px); } }

/* a view opens: short fade (replays each time a view is shown) */
[id^="view-"] { animation: chitiView .22s var(--chiti-ease); }
@keyframes chitiView { from { opacity: 0; transform: translateY(6px); } }

/* controls answer the user's action */
input, select, textarea, button { border-radius: 12px; }
button { transition: transform .12s var(--chiti-ease), box-shadow .2s, background-color .2s; }
button:hover:not(:disabled) { box-shadow: 0 8px 20px -8px rgba(47,75,255,.5); }
button:active:not(:disabled) { transform: translateY(1px) scale(.99); }
input:focus, select:focus, textarea:focus { outline: none; box-shadow: 0 0 0 3px rgba(47,75,255,.22); }
:focus-visible { outline: 2px solid #2F4BFF; outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

/* ---- v2: shapes and surfaces (cosmetic only, no layout changes) ---- */
::selection { background: #FFE2B3; color: #0C1445; }
* { scrollbar-width: thin; scrollbar-color: #B8C2E8 transparent; }

/* sidebar */
.nav-item { border-radius: 12px; transition: background-color .18s, color .18s; }
.nav-item:hover { background: rgba(143,160,255,.14); }
.nav-item.active { box-shadow: inset 3px 0 0 #FF9F1C; }
.nicon { transition: transform .18s var(--chiti-ease); }
.nav-item:hover .nicon { transform: scale(1.1); }

/* page headings: sentence case instead of tracked CAPS */
.eyebrow2 { text-transform: none; letter-spacing: 0; font-weight: 600; }
.page-head h1, .page-head h2 { font-weight: 700; letter-spacing: -0.025em; }

/* buttons, chips */
.btn, .signin-btn, .mini-btn, .new-query-btn { border-radius: 12px; font-weight: 600; }
.btn-ghost { border-radius: 12px; }
.chip, .tag-pill, .tag { border-radius: 999px; font-weight: 600; }

/* forms */
.form-control, .field input, .field select, .field textarea { border-radius: 12px; transition: border-color .15s, box-shadow .15s; }
.form-control:focus { border-color: #2F4BFF; }
.form-label { font-weight: 600; letter-spacing: 0; }

/* surfaces */
.stat-cell, .kb-card, .upload-card { border-radius: 18px; box-shadow: 0 1px 2px rgba(12,20,69,.05), 0 8px 24px -12px rgba(47,75,255,.18); }
.stat-cell .value { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; letter-spacing: -0.02em; }
.kb-card { transition: border-color .18s; }
.kb-card:hover { border-color: #2F4BFF; }
.doc-row { border-radius: 12px; transition: background-color .15s; }
.doc-row:hover { background: rgba(47,75,255,.05); }
.empty-state { border-radius: 18px; }
.modal-title { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; letter-spacing: -0.02em; }

/* ---- v3: sidebar becomes a top tab bar (same markup, same JS) ---- */
.layout { flex-direction: column; max-width: 1200px; padding: 0 24px; }
.sidebar { width: 100%; flex-shrink: 0; padding: 14px 0; position: sticky; top: 64px; z-index: 40; background: rgba(244,246,251,.92); backdrop-filter: blur(8px); border-bottom: 1px solid #DDE2F0; }
.sidebar nav { display: flex; gap: 6px; overflow-x: auto; }
.sidebar .nav-item { width: auto; white-space: nowrap; padding: 9px 16px; border-radius: 999px; font-weight: 600; }
.sidebar .nav-item[style*="font-weight:600"], .sidebar .nav-item[style*="font-weight: 600"] { box-shadow: inset 0 -3px 0 #FF9F1C; }
.sidebar-divider, .sidebar-note { display: none; }
.main { padding: 32px 0 64px; }
.topbar .avatar-circle { background: #FF9F1C !important; color: #0C1445 !important; font-weight: 700; }
.topbar .uname { font-weight: 600; }

/* Chiti logo */
.chiti-logo-landing { display: block; width: min(300px, 72%); height: auto; margin: 0 0 8px; }
.topbar-brand .chiti-mark { width: 34px; height: auto; margin-right: 10px; flex: none; }

/* purani Cohesive splash band; Chiti ka intro chiti-intro.js se aata hai */
#splashScreen { display: none !important; }