/* ============================================================================
   elevate-theme.css — ELEVATE / galaxy görsel dili, dashboard'a additive katman
   (2026-06-10). Derin uzay siyahı + yıldız göğü (elevateSky.js) + gelişmiş
   glass kartlar + ince letter-spaced tipografi + ELEVATE şeridi (saat/tarih).
   SADECE koyu temada etkin (html:not([data-theme="light"])) — light mod
   olduğu gibi kalır. mobile-polish.css'ten ÖNCE yüklenir (telefon boyutları
   kazanır). Rollback: bu link + elevateSky.js script tag'ini kaldır.
   ============================================================================ */

/* ── zemin: derin uzay + gök katmanları içerik altında ── */
html:not([data-theme="light"]) body { background: #050609; }
#elvSky { position: fixed; inset: 0; z-index: 0; display: block; pointer-events: none; }
.elv-aurora {
  position: fixed; inset: -40% -10%; z-index: 0; pointer-events: none; opacity: .5;
  background:
    radial-gradient(40% 60% at 30% 40%, rgba(120,140,175,.10), transparent 60%),
    radial-gradient(45% 55% at 75% 65%, rgba(150,135,180,.08), transparent 60%);
  animation: elvDrift 26s ease-in-out infinite alternate; filter: blur(20px);
}
@keyframes elvDrift { 0%{transform:translate3d(-4%,-2%,0)} 100%{transform:translate3d(5%,3%,0) rotate(8deg)} }
html:not([data-theme="light"]) .main { position: relative; z-index: 1; }
html:not([data-theme="light"]) .sidebar { z-index: 2; }

/* ── sidebar: koyu glass ── */
html:not([data-theme="light"]) .sidebar {
  background: rgba(10, 12, 17, 0.55);
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
  border-right: 1px solid rgba(165, 178, 198, 0.12);
}

/* ── ELEVATE şeridi: dönen mark + thin wordmark + saat/tarih ── */
html:not([data-theme="light"]) .elv-strip {
  display: flex; align-items: center; gap: 14px;
  margin: -6px 0 18px;
  animation: elvRise .9s cubic-bezier(.16,.84,.3,1) both;
}
html[data-theme="light"] .elv-strip { display: none; }
.elv-mark { width: 30px; height: 30px; position: relative; flex: 0 0 auto; }
.elv-mark i { position: absolute; border-radius: 50%; }
.elv-mark i:nth-child(1) { inset: 0; border: 1px solid rgba(165,178,198,.24); }
.elv-mark i:nth-child(2) { inset: 6px; border: 1px solid rgba(179,189,206,.4); animation: elvSpin 18s linear infinite; }
.elv-mark i:nth-child(3) { inset: 11px; background: #b3bdce;
  box-shadow: 0 0 14px #b3bdce, 0 0 32px rgba(179,189,206,.4); animation: elvCore 4.6s ease-in-out infinite; }
@keyframes elvSpin { to { transform: rotate(360deg); } }
@keyframes elvCore { 0%,100%{opacity:.5; transform:scale(.85)} 50%{opacity:1; transform:scale(1.15)} }
.elv-word { font-weight: 200; font-size: 19px; letter-spacing: .3em; color: #eef1f6; line-height: 1; }
.elv-word b { font-weight: 600; }
.elv-clock { margin-left: auto; text-align: right; color: #8d949f; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.elv-clock b { display: block; color: #eef1f6; font-size: 21px; font-weight: 200; letter-spacing: .05em; margin-bottom: 2px; }
@keyframes elvRise { 0%{opacity:0; transform:translateY(14px)} 100%{opacity:1; transform:none} }

/* ── gelişmiş glass: büyük yüzeyler tam reçete (blur), küçükler hafif cam ── */
html:not([data-theme="light"]) .cc-card,
html:not([data-theme="light"]) .cc-asistan-card,
html:not([data-theme="light"]) .cc-mindstream,
html:not([data-theme="light"]) .cc-reminders-card,
html:not([data-theme="light"]) .vu-host--canvas {
  background: linear-gradient(158deg, rgba(16,18,23,.46), rgba(24,27,33,.34));
  border: 1px solid rgba(165, 178, 198, 0.12);
  backdrop-filter: blur(24px) saturate(1.2);
  -webkit-backdrop-filter: blur(24px) saturate(1.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), inset 0 0 50px rgba(125,140,165,.04), 0 40px 100px rgba(0,0,0,.5);
}
html:not([data-theme="light"]) .cc-mp-chip,
html:not([data-theme="light"]) .cc-ms-note,
html:not([data-theme="light"]) .cc-ms-action,
html:not([data-theme="light"]) .sc-brief,
html:not([data-theme="light"]) .sc-seed-card,
html:not([data-theme="light"]) .vu-suggest,
html:not([data-theme="light"]) .vu-readout {
  background: rgba(255, 255, 255, 0.028);
  border-color: rgba(165, 178, 198, 0.12);
}
html:not([data-theme="light"]) .cc-mp-chip:hover,
html:not([data-theme="light"]) .sc-seed-card:hover {
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(165, 178, 198, 0.24);
}

/* üst kenarda süzülen shimmer — galaxy sweep (pseudolar bu seçicilerde boş) */
html:not([data-theme="light"]) .cc-card,
html:not([data-theme="light"]) .cc-asistan-card,
html:not([data-theme="light"]) .cc-mindstream { position: relative; overflow: hidden; }
html:not([data-theme="light"]) .cc-card::after,
html:not([data-theme="light"]) .cc-asistan-card::after,
html:not([data-theme="light"]) .cc-mindstream::after {
  content: ""; position: absolute; top: 0; left: -30%; width: 30%; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(195,205,222,.55), transparent);
  animation: elvSweep 7s ease-in-out infinite; pointer-events: none;
}
html:not([data-theme="light"]) .cc-asistan-card::after { animation-delay: 1.4s; }
html:not([data-theme="light"]) .cc-mindstream::after { animation-delay: 2.8s; }
@keyframes elvSweep { 0%{left:-30%} 55%,100%{left:130%} }

/* ── tipografi: fotoğraftaki dil ── */
html:not([data-theme="light"]) .page-title {
  font-weight: 200; letter-spacing: .14em;
}
html:not([data-theme="light"]) .page-subtitle { color: #8d949f; }
html:not([data-theme="light"]) .cc-card-title,
html:not([data-theme="light"]) .cc-ms-action-k,
html:not([data-theme="light"]) .cc-mp-k {
  font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
  color: #8d949f; font-weight: 600;
}
html:not([data-theme="light"]) .nav-section-title,
html:not([data-theme="light"]) .nav-group-header span[data-i18n] {
  letter-spacing: .18em; text-transform: uppercase; font-size: 10.5px;
}

/* semantik renkler + navy accent DOKUNULMADI — yeşil/kırmızı/amber anlam taşır */

/* ── mobil ── */
@media (max-width: 640px) {
  .elv-strip { gap: 10px; margin: -2px 0 14px; }
  .elv-word { font-size: 14px; letter-spacing: .26em; }
  .elv-clock b { font-size: 16px; }
  .elv-mark { width: 24px; height: 24px; }
  .elv-mark i:nth-child(2) { inset: 5px; }
  .elv-mark i:nth-child(3) { inset: 9px; }
}

@media (prefers-reduced-motion: reduce) {
  .elv-aurora, .elv-mark i, .elv-strip,
  html:not([data-theme="light"]) .cc-card::after,
  html:not([data-theme="light"]) .cc-asistan-card::after,
  html:not([data-theme="light"]) .cc-mindstream::after { animation: none !important; }
}

/* ════════════════════════════════════════════════════════════════════════
   ELEVATE v2 (2026-06-10, Atakan): "mavi çok kalmış — direkt gri/siyah olsun;
   kartlardaki turuncular ve asistan düzelsin; saat büyüsün; vault çakışması;
   sol menü kapanabilir." Monokrom dönüşüm token ailesinden — semantik
   yeşil/kırmızı DOKUNULMADI.
   ════════════════════════════════════════════════════════════════════════ */

/* ── 1 · TAM MONOKROM: accent ailesi navy → slate (koyu temada) ── */
html:not([data-theme="light"]) {
  --accent: #aab6c8;
  --accent-hover: #c2cddd;
  --accent-subtle: rgba(170, 182, 200, 0.12);
  --accent-glow: rgba(170, 182, 200, 0.16);
  --accent-secondary: #9aa6b8;
  --accent-secondary-subtle: rgba(154, 166, 184, 0.12);
  --border-hover: rgba(165, 178, 198, 0.22);
  --border-strong: rgba(165, 178, 198, 0.30);
  --lg-border-glow: rgba(170, 182, 200, 0.20);
  --lg-tint-warm: rgba(170, 182, 200, 0.05);
}

/* açık-slate zemin üstüne koyu yazı — accent-bg bileşenler okunur kalsın */
html:not([data-theme="light"]) .sc-primary,
html:not([data-theme="light"]) .vu-btn--go,
html:not([data-theme="light"]) .cc-xtab.is-on,
html:not([data-theme="light"]) .vu-modes button.is-on,
html:not([data-theme="light"]) .sc-seg button.is-on,
html:not([data-theme="light"]) .sc-tones button.is-on,
html:not([data-theme="light"]) .sc-step-n {
  background: linear-gradient(135deg, #cdd6e4, #9aa6b8);
  color: #0a0c11;
  border-color: transparent;
  box-shadow: 0 6px 18px -10px rgba(160, 175, 195, 0.5);
}
html:not([data-theme="light"]) .cc-asistan-send { background: linear-gradient(135deg, #cdd6e4, #9aa6b8); color: #0a0c11; }
html:not([data-theme="light"]) .nav-item.active::before { background: #b3bdce; }
html:not([data-theme="light"]) .nav-item.active { color: #dfe6f0; background: rgba(179, 189, 206, 0.1); }

/* ── 2 · KART TURUNCULARI + ASİSTAN: warm/navy kalıntıları slate'e ── */
html:not([data-theme="light"]) .cc-revenue-hero::after { display: none; }
html:not([data-theme="light"]) .cc-sales-push-card.gate-amber .cc-sales-push-ring {
  border-color: #8d949f; background: rgba(141, 148, 159, 0.08);
}
html:not([data-theme="light"]) .cc-asistan-orb {
  background: #b3bdce;
  box-shadow: 0 0 8px rgba(179, 189, 206, 0.6);
}
html:not([data-theme="light"]) .cc-asistan-card--vault .cc-asistan-card__glow {
  background: linear-gradient(135deg, rgba(170, 182, 200, 0.14), transparent 50%, rgba(141, 148, 159, 0.08));
}
/* iç-ses mood tint'leri → tek sakin mürekkep (asistanda renk oynaması bitti) */
html:not([data-theme="light"]) .cc-voice-presence__text { color: rgba(232, 237, 244, 0.88) !important; }
html:not([data-theme="light"]) .cc-asistan-input-row:focus-within {
  box-shadow: 0 0 0 1px rgba(170, 182, 200, 0.25), 0 10px 26px -16px rgba(141, 148, 159, 0.5);
}
/* mind-stream / universe içi navy vurgular → slate */
html:not([data-theme="light"]) .cc-ms-action { border-left-color: #8d949f; }
html:not([data-theme="light"]) .cc-uvi-chip,
html:not([data-theme="light"]) .vu-chip,
html:not([data-theme="light"]) .cc-ms-chip {
  border-color: rgba(165, 178, 198, 0.3);
  color: rgba(205, 214, 228, 0.9);
  background: rgba(165, 178, 198, 0.1);
}

/* ── 3 · SAAT: daha büyük thin ── */
.elv-clock b { font-size: 32px; }
.elv-strip { padding-right: 8px; }

/* ── 4 · VAULT: floating buton kalkar (sidebar'a taşındı — çakışma biter) ── */
html:not([data-theme="light"]) .vault-floating { display: none !important; }

/* ── 5 · SOL MENÜ: açılır/kapanır ── */
.sidebar { transition: transform 0.35s cubic-bezier(.16,.84,.3,1); }
.main { transition: margin-left 0.35s cubic-bezier(.16,.84,.3,1); }
html.elv-nav-collapsed .sidebar { transform: translateX(-100%); }
html.elv-nav-collapsed .main { margin-left: 0; }
.elv-nav-toggle {
  position: fixed; z-index: 60;
  top: 16px; left: calc(var(--sidebar-width, 240px) - 14px);
  width: 28px; height: 28px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: #8d949f; font-size: 13px; line-height: 1;
  background: rgba(16, 18, 23, 0.7);
  border: 1px solid rgba(165, 178, 198, 0.2);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  cursor: pointer;
  transition: left 0.35s cubic-bezier(.16,.84,.3,1), color 0.2s, border-color 0.2s;
}
.elv-nav-toggle:hover { color: #eef1f6; border-color: rgba(165, 178, 198, 0.4); }
html.elv-nav-collapsed .elv-nav-toggle { left: 10px; }
@media (max-width: 768px) { .elv-nav-toggle { display: none; } }
html[data-theme="light"] .elv-nav-toggle { background: rgba(255,255,255,.8); color: #555; }

/* ── ELEVATE v3: sesli asistan paneli sayfaya uyum (konsept aynı) ── */
html:not([data-theme="light"]) .rt-inline {
  background: linear-gradient(158deg, rgba(16,18,23,.5), rgba(24,27,33,.36)) !important;
  border: 1px solid rgba(165, 178, 198, 0.14) !important;
  border-radius: 20px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 30px 80px rgba(0,0,0,.5);
}
html:not([data-theme="light"]) .rt-inline::before,
html:not([data-theme="light"]) .rt-inline::after { opacity: .25; filter: saturate(0.2) brightness(1.05); }
html:not([data-theme="light"]) .rt-viz-mode.is-active { background: rgba(205,214,228,.18); }

/* ── voice-first hero: asistanın asıl preset'i SES ── */
.cc-voice-hero {
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 18px 0 10px;
}
.cc-voice-hero.is-hidden { display: none; }
/* 2026-06-20 (Atakan: "gri yuvarlak çok göze batıyor, daha hafif"): 84→62px,
   gümüş parlaklık + glow söndürüldü, breathe yumuşatıldı (göz yormasın). */
.cc-vh-orb {
  width: 62px; height: 62px; border-radius: 50%;
  position: relative; cursor: pointer; border: 0;
  background: radial-gradient(circle at 35% 30%, rgba(226,231,240,.42), rgba(168,180,198,.22) 58%, rgba(120,130,145,.10));
  box-shadow: 0 0 0 1px rgba(205,214,228,.12), 0 0 14px rgba(179,189,206,.14), inset 0 1px 4px rgba(255,255,255,.18);
  transition: transform .25s cubic-bezier(.16,.84,.3,1), box-shadow .25s;
  animation: ccVhBreathe 4.8s ease-in-out infinite;
}
.cc-vh-orb:hover { transform: scale(1.05); box-shadow: 0 0 0 1px rgba(205,214,228,.2), 0 0 22px rgba(200,210,228,.22), inset 0 1px 4px rgba(255,255,255,.24); }
.cc-vh-orb:active { transform: scale(.97); }
@keyframes ccVhBreathe { 0%,100% { box-shadow: 0 0 0 1px rgba(205,214,228,.1), 0 0 12px rgba(179,189,206,.1), inset 0 1px 4px rgba(255,255,255,.16); } 50% { box-shadow: 0 0 0 1px rgba(205,214,228,.16), 0 0 20px rgba(200,210,228,.18), inset 0 1px 4px rgba(255,255,255,.22); } }
.cc-vh-orb svg { position: absolute; inset: 0; margin: auto; width: 21px; height: 21px; color: #2a3240; }
.cc-vh-label { font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #aab6c8; }
.cc-vh-hint { font-size: 11px; color: rgba(141,148,159,.75); }
@media (prefers-reduced-motion: reduce) { .cc-vh-orb { animation: none; } }

/* ── D5 (2026-06-10): Müşteri Kasası kartları + isimleri liquid-glass ── */
html:not([data-theme="light"]) #page-customer-vault .cv-card,
html:not([data-theme="light"]) #page-customer-vault .cv-row {
  position: relative;
  background: linear-gradient(158deg, rgba(20,23,30,.55), rgba(16,18,23,.4)) !important;
  border: 1px solid rgba(165,178,198,.14) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(20px) saturate(1.2);
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 44px -24px rgba(0,0,0,.7);
  overflow: hidden;
  transition: transform .28s var(--mp-ease, cubic-bezier(.16,.84,.3,1)), box-shadow .28s, border-color .28s;
}
/* üst kenarda ince rim-light (liquid glass imzası) */
html:not([data-theme="light"]) #page-customer-vault .cv-card::before {
  content: ""; position: absolute; top: 0; left: 14%; right: 14%; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(205,215,232,.5), transparent);
  pointer-events: none;
}
html:not([data-theme="light"]) #page-customer-vault .cv-card:hover {
  transform: translateY(-3px);
  border-color: rgba(165,178,198,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 26px 60px -26px rgba(0,0,0,.8), 0 0 0 1px rgba(170,182,200,.12);
}
/* isim: hafif parlak cam mürekkebi */
html:not([data-theme="light"]) #page-customer-vault .ctp-name {
  color: #eef2f8;
  text-shadow: 0 1px 10px rgba(170,190,225,.18);
  letter-spacing: .01em;
}
html:not([data-theme="light"]) #page-customer-vault .ctp-avatar {
  background: linear-gradient(135deg, rgba(205,215,232,.22), rgba(141,148,159,.12)) !important;
  border: 1px solid rgba(205,215,232,.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}
@media (prefers-reduced-motion: reduce) {
  html:not([data-theme="light"]) #page-customer-vault .cv-card { transition: none; }
}

/* ════════════════════════════════════════════════════════════════════════
   ELEVATE v3 MOBİL DÜZELTME (2026-06-10, Atakan: "telefonda font/nav/layout
   sorunlu"). Dosya SONUNDA = en yüksek sıra → v2'nin global kuralları (ör.
   saat 32px) telefonda burada ezilir. SADECE ≤640px.
   ════════════════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  /* saat: v2 globalde 32px yapmıştı, telefonda taşıyordu → küçült */
  .elv-clock b { font-size: 17px !important; letter-spacing: .04em; }
  .elv-clock { font-size: 9px; }
  .elv-strip { gap: 9px; margin: 0 0 12px; flex-wrap: nowrap; }
  .elv-word { font-size: 13px; letter-spacing: .22em; }

  /* voice-first hero: orb + etiketler telefona sığsın */
  .cc-voice-hero { padding: 12px 0 6px; gap: 7px; }
  .cc-vh-orb { width: 64px; height: 64px; }
  .cc-vh-orb svg { width: 22px; height: 22px; }
  .cc-vh-label { font-size: 10px; letter-spacing: .18em; }
  .cc-vh-hint { font-size: 10.5px; text-align: center; padding: 0 16px; }

  /* birleşik mind-stream: asistan kartı telefonda nefes alsın (38vh dar) */
  .cc-asistan-card--in-stream { max-height: none !important; min-height: 0 !important; padding: 4px 4px 12px !important; }
  .cc-asistan-card--in-stream .cc-asistan-result { min-height: 90px; }
  /* film-altyazı telefonda küçül + taşma yok */
  .cc-ms-sub { font-size: 12.5px; left: 4%; right: 4%; bottom: 10px; }
  .cc-mindstream--merged { min-height: 0; }

  /* sayfa başlıkları thin+geniş espas telefonda taşmasın */
  html:not([data-theme="light"]) .page-title { letter-spacing: .06em; }
}