/*
 * C01 CC Orchestra Welcome — Command Center karşılama sahnesi.
 * MAYTRAS gold/dark estetiği (mor sci-fi yok). Full-width, wow.
 * Scoped: yalnız .c01-orch* — global refactor yok, sidebar/module shell'e dokunmaz.
 *
 * T7 «Komuta Güvertesi ŞABLONU» (cc-gtos-deck-v1, patron kararı 2026-08-05):
 *   - `.c01-orch__deck` = 3 sütun: sol panel (aside--left) | merkez altın
 *     halka (main-core) | sağ panel (aside--right) — `grid-template-areas`
 *     ile; ≤900px tek sütuna düşer (halka üstte, paneller altta).
 *   - Merkez halka: Yasin (avatar + halo) + 11 uzman sabit yörünge slotu —
 *     her uzmana JS yalnız `--orbit-i` (0-10) verir; açı/konum tamamen CSS
 *     `calc()` (`--orbit-angle`, `--orbit-r`) ile hesaplanır. Collision-avoid
 *     JS YOK — "tasarlanmış slot" ilkesi.
 *   - Alt komuta çubuğu (`.c01-orch__commandbar`): metin girişi + Konuş/Sesli
 *     + birincil CTA, tek satır (flex-wrap).
 *   - Dekor (particle/grid-drift/sheen) T6 seviyesinde ölçülü kalır.
 */

/* Opsiyonel mini-sync: gold + navy token paylaşımı. Yalnız token expose eder. */
:root {
  --orch-gold: #d9b25a;
  --orch-navy: #0a1628;
  --orch-navy-2: #0d1f3c;
  --orch-navy-deep: #05090f;
}

.c01-orch {
  /* Gold korunur; lacivert (navy) MAYTRAS özgün paleti. Mor/cyan yok. */
  --orch-gold: #d9b25a;
  --orch-gold-soft: rgba(217, 178, 90, 0.16);
  --orch-line: rgba(217, 178, 90, 0.28);
  --orch-navy: #0a1628;
  --orch-navy-2: #0d1f3c;
  --orch-navy-deep: #05090f;
  --orch-navy-line: rgba(120, 160, 220, 0.10);
  --orch-ink: #f4ecd8;
  --orch-muted: rgba(244, 236, 216, 0.62);
  position: relative;
  width: 100%;
  margin: 0 0 1.25rem;
  padding: clamp(0.75rem, 1.6vw, 1.5rem);
  border-radius: 1.25rem;
  border: 1px solid rgba(217, 178, 90, 0.24);
  background:
    radial-gradient(120% 130% at 50% 0%, rgba(217, 178, 90, 0.12) 0%, rgba(217, 178, 90, 0) 52%),
    radial-gradient(90% 120% at 50% 120%, rgba(13, 31, 60, 0.6) 0%, rgba(0, 0, 0, 0) 62%),
    linear-gradient(180deg, var(--orch-navy-2) 0%, var(--orch-navy) 46%, var(--orch-navy-deep) 100%);
  box-shadow: 0 22px 60px -32px rgba(0, 0, 0, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  overflow: hidden;
  display: grid;
  gap: clamp(0.7rem, 1.6vw, 1.1rem);
}

/* ============================================================
   CİLA 2026-08-25 — tipografi ritmi specificity düzeltmesi.
   İki global kural bu dosyanın tek-sınıflı `<p>` kurallarını (0,1,0) eziyordu:
     - `gtos-design-grammar.css`  `#maytras-app p, ...`              → (1,0,1)
     - `gtos-theme-platform.css`  `#maytras-app .main-content p, ...` → (1,1,1)
   Sonuç: sahnedeki TÜM paragraf metni (panel başlıkları, karşılama saati,
   placeholder'lar, "Nihai karar sizde" notu, hikâye bloğu…) 16px gri gövde
   metnine düşüyordu; font-weight/letter-spacing hayatta kalıyordu çünkü o
   kurallar onları hiç ayarlamıyor. Global dosyalara (uygulama geneli)
   dokunulmadı — kural CC'ye scoped kalır. Değer DEĞİŞMEDİ; yalnız aşağıda
   zaten tanımlı font-size/color, en güçlü globalden (1,1,1) daha yüksek
   specificity ile (`#c01-orchestra-welcome.c01-orch .c01-orch__X` → (1,2,0))
   yeniden uygulanıyor. Kanıt: docs/AUDIT/UIUX-CC-CILA-20260825.md */
#c01-orchestra-welcome.c01-orch .c01-orch__panel-label {
  font-size: 0.68rem;
  color: var(--orch-gold);
}
#c01-orchestra-welcome.c01-orch.c01-orch--deck .c01-orch__panel-label {
  font-size: 0.62rem;
}
#c01-orchestra-welcome.c01-orch .c01-orch__brand-locale-datetime {
  font-size: clamp(0.72rem, 1.05vw, 0.84rem);
  color: rgba(244, 236, 216, 0.84);
}
#c01-orchestra-welcome.c01-orch .c01-orch__wf-context {
  font-size: 0.76rem;
  color: rgba(244, 236, 216, 0.82);
}
#c01-orchestra-welcome.c01-orch .c01-orch__active-agent {
  font-size: 0.76rem;
  color: var(--orch-gold);
}
#c01-orchestra-welcome.c01-orch .c01-orch__active-agent.is-idle {
  color: var(--orch-muted);
}
#c01-orchestra-welcome.c01-orch .c01-orch__roster-group-label {
  font-size: 0.58rem;
  color: var(--orch-gold);
}
#c01-orchestra-welcome.c01-orch .c01-orch__wc-placeholder {
  font-size: 0.68rem;
  color: var(--orch-muted);
}
#c01-orchestra-welcome.c01-orch .c01-orch__scene-status {
  font-size: 0.66rem;
  color: var(--orch-ink);
}
#c01-orchestra-welcome.c01-orch .c01-orch__commandbar-guide {
  font-size: 0.72rem;
  color: rgba(244, 236, 216, 0.62);
}
#c01-orchestra-welcome.c01-orch .c01-orch__note {
  font-size: 0.72rem;
  color: var(--orch-muted);
}
#c01-orchestra-welcome.c01-orch .c01-orch__story-eyebrow {
  font-size: 0.72rem;
  color: var(--orch-gold);
}
#c01-orchestra-welcome.c01-orch .c01-orch__story-vision {
  font-size: 0.92rem;
  color: var(--orch-ink);
}
#c01-orchestra-welcome.c01-orch .c01-orch__story-body {
  font-size: 0.86rem;
  color: var(--orch-muted);
}
#c01-orchestra-welcome.c01-orch .c01-orch__ops-agent-name {
  font-size: 0.92rem;
  color: var(--orch-ink);
}
#c01-orchestra-welcome.c01-orch .c01-orch__ops-agent-role,
#c01-orchestra-welcome.c01-orch .c01-orch__ops-agent-mod,
#c01-orchestra-welcome.c01-orch .c01-orch__ops-agent-state {
  font-size: 0.7rem;
  color: var(--orch-muted);
}
#c01-orchestra-welcome.c01-orch .c01-orch__ops-agent-mod {
  color: var(--orch-gold);
}

/* ============================================================
   Sol üst marka + yerel saat + hava (hub topbar kaldırıldı)
   ============================================================ */
.c01-orch__brand-locale {
  position: relative;
  z-index: 2;
  text-align: left;
  align-self: flex-start;
  max-width: min(20rem, 42vw);
  padding-bottom: clamp(0.55rem, 1.4vw, 0.9rem);
  border-bottom: 1px solid rgba(217, 178, 90, 0.14);
}

.c01-orch__brand-locale-wordmark {
  margin: 0 0 0.35rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.55rem;
  font-family: "Georgia", "Times New Roman", serif;
  letter-spacing: 0.06em;
  line-height: 1.2;
}

.c01-orch__brand-locale-datetime {
  margin: 0 0 0.22rem;
  font-size: clamp(0.72rem, 1.05vw, 0.84rem);
  letter-spacing: 0.02em;
  color: rgba(244, 236, 216, 0.84);
  font-variant-numeric: tabular-nums;
}

.c01-orch__brand-locale-datetime-sep {
  opacity: 0.55;
}

.c01-orch__brand-locale-weather {
  margin: 0;
  font-size: clamp(0.68rem, 0.95vw, 0.78rem);
  letter-spacing: 0.03em;
  color: rgba(244, 236, 216, 0.62);
  font-variant-numeric: tabular-nums;
}

.c01-orch__brand-locale-weather-row {
  margin: 0;
  min-height: 1.1em;
}

.c01-orch__brand-locale-wordmark .c01-orch__search-trigger {
  margin-left: auto;
}

.c01-orch__brand-locale-weather[hidden],
.c01-orch__brand-locale-weather[aria-hidden='true'] {
  display: none !important;
}

/* CC-WOW-5 — `.c01-orch__brand-weather-perm` (konum izni CTA'sı) 2026-08-23
   patron kararıyla kaldırıldı. Eski markup önbellekten gelirse hiçbir
   koşulda görünmesin diye kural sert tutuluyor. */
.c01-orch__brand-weather-perm {
  display: none !important;
}

.c01-orch__brandbar-datetime-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

/* ============================================================
   ÜST ŞERİT (topbar) — legacy; v22 brand-locale ile değiştirildi
   ============================================================ */
.c01-orch__topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: clamp(0.9rem, 2.4vw, 2rem);
  flex-wrap: wrap;
  padding-bottom: clamp(0.55rem, 1.4vw, 0.9rem);
  border-bottom: 1px solid rgba(217, 178, 90, 0.14);
  position: relative;
  z-index: 2;
}

/* Mockup Variant I — üç sütun wordmark | health+UTC | profil */
.c01-orch__topbar--ref {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(0.6rem, 1.8vw, 1.4rem);
  flex-wrap: nowrap;
}

.c01-orch__topbar--ref .c01-orch__topbar-left,
.c01-orch__topbar--ref .c01-orch__topbar-center,
.c01-orch__topbar--ref .c01-orch__topbar-right {
  min-width: 0;
}

.c01-orch__topbar--ref .c01-orch__topbar-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.2rem;
}

.c01-orch__topbar--ref .c01-orch__topbar-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
}

.c01-orch__wordmark {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.5rem;
  font-family: "Georgia", "Times New Roman", serif;
  letter-spacing: 0.06em;
  line-height: 1.2;
}

.c01-orch__wordmark-main {
  font-size: clamp(0.82rem, 1.35vw, 1rem);
  font-weight: 700;
  color: var(--orch-gold);
}

.c01-orch__wordmark-sep {
  color: rgba(217, 178, 90, 0.45);
  font-weight: 400;
}

.c01-orch__wordmark-sub {
  font-size: clamp(0.72rem, 1.1vw, 0.88rem);
  font-weight: 600;
  color: rgba(244, 236, 216, 0.88);
  letter-spacing: 0.14em;
}

.c01-orch__utc {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 0.72rem;
  color: rgba(244, 236, 216, 0.72);
  letter-spacing: 0.04em;
}

.c01-orch__orch-profile {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.28rem 0.55rem 0.28rem 0.35rem;
  border-radius: 999px;
  border: 1px solid rgba(217, 178, 90, 0.22);
  background: rgba(9, 18, 34, 0.55);
}

.c01-orch__orch-profile-meta {
  display: grid;
  gap: 0.05rem;
  text-align: left;
  min-width: 0;
}

.c01-orch__orch-profile-name {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--orch-ink);
}

.c01-orch__orch-profile-role {
  font-size: 0.62rem;
  color: var(--orch-muted);
  letter-spacing: 0.03em;
}

.c01-orch__orch-profile-caret {
  font-size: 0.62rem;
  color: rgba(217, 178, 90, 0.65);
  margin-left: 0.15rem;
}

/* Live Workflow stepper (sol panel — mockup I) */
.c01-orch__workflow .c01-orch__panel-label i {
  margin-right: 0.35rem;
  opacity: 0.85;
}

.c01-orch__wf-context {
  margin: 0 0 0.65rem;
  font-size: 0.76rem;
  line-height: 1.45;
  color: rgba(244, 236, 216, 0.82);
}

.c01-orch__wf-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}

.c01-orch__wf-step {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.72rem;
  color: rgba(244, 236, 216, 0.45);
}

.c01-orch__wf-num {
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 0.65rem;
  letter-spacing: 0.06em;
  min-width: 1.4rem;
}

.c01-orch__wf-bullet {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  border: 1px solid rgba(244, 236, 216, 0.2);
  background: transparent;
}

.c01-orch__wf-step--done {
  color: rgba(244, 236, 216, 0.62);
}

.c01-orch__wf-step--done .c01-orch__wf-bullet {
  border-color: rgba(74, 222, 128, 0.55);
  background: rgba(74, 222, 128, 0.35);
  box-shadow: 0 0 8px rgba(74, 222, 128, 0.35);
}

.c01-orch__wf-step--done .c01-orch__wf-bullet::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M4.5 8.2 2.3 6l-.8.8 3 3 6-6-.8-.8z'/%3E%3C/svg%3E") center / 70% no-repeat;
  background: var(--gtos-emerald-50);
}

.c01-orch__wf-step--active {
  color: var(--orch-ink);
}

.c01-orch__wf-step--active .c01-orch__wf-bullet {
  border-color: rgba(127, 214, 255, 0.85);
  box-shadow:
    0 0 0 3px rgba(127, 214, 255, 0.18),
    0 0 14px rgba(127, 214, 255, 0.45);
  background: rgba(127, 214, 255, 0.25);
}

.c01-orch__reason-log {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.55rem;
}

.c01-orch__reason-row {
  display: grid;
  grid-template-columns: 2.6rem 1fr;
  gap: 0.45rem;
  align-items: start;
  font-size: 0.72rem;
  line-height: 1.45;
}

.c01-orch__reason-time {
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 0.62rem;
  color: rgba(217, 178, 90, 0.75);
}

.c01-orch__reason-text {
  color: rgba(244, 236, 216, 0.78);
}

/* Active Conversations + avatar strip (sağ panel — mockup I) */
.c01-orch__conv-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.45rem;
}

.c01-orch__conv-empty {
  font-size: 0.72rem;
  color: var(--orch-muted);
  line-height: 1.45;
}

.c01-orch__conv-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.4rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(217, 178, 90, 0.12);
  background: rgba(9, 18, 34, 0.4);
}

.c01-orch__conv-meta {
  display: grid;
  gap: 0.08rem;
  min-width: 0;
}

.c01-orch__conv-name {
  font-size: 0.76rem;
  font-weight: 700;
  color: var(--orch-ink);
}

.c01-orch__conv-role {
  font-size: 0.62rem;
  color: var(--orch-muted);
}

.c01-orch__conv-state {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(244, 236, 216, 0.45);
}

.c01-orch__conv-row--active .c01-orch__conv-state {
  color: rgba(127, 214, 255, 0.95);
}

.c01-orch__avatar-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  padding: 0.35rem 0 0.5rem;
  border-bottom: 1px solid rgba(217, 178, 90, 0.1);
  margin-bottom: 0.35rem;
}

.c01-orch__strip-avatar {
  appearance: none;
  border: 1px solid rgba(217, 178, 90, 0.18);
  border-radius: 50%;
  padding: 0;
  width: 1.85rem;
  height: 1.85rem;
  overflow: hidden;
  cursor: pointer;
  background: rgba(9, 18, 34, 0.55);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.c01-orch__strip-avatar:hover,
.c01-orch__strip-avatar:focus-visible {
  border-color: var(--orch-gold);
  box-shadow: 0 0 0 2px rgba(217, 178, 90, 0.2);
  outline: none;
}

.c01-orch__roster--compact {
  max-height: min(14rem, 28vh);
  overflow: auto;
  scrollbar-width: thin;
}

.c01-orch__commandbar-row--ref {
  max-width: none;
  justify-content: stretch;
  align-items: stretch;
}

.c01-orch__commandbar-row--ref .c01-orch__commandbar-form {
  flex: 1 1 18rem;
}

.c01-orch__commandbar-guide {
  width: 100%;
  max-width: 52rem;
  margin: 0;
  text-align: center;
  font-size: 0.72rem;
  line-height: 1.35;
  color: rgba(244, 236, 216, 0.62);
  letter-spacing: 0.02em;
}

.c01-orch__brand {
  max-width: 30rem;
  min-width: 0;
}

.c01-orch__eyebrow {
  margin: 0 0 0.3rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--orch-gold);
  font-weight: 700;
  text-align: left;
}

/* Patron/QA görünür build rozeti — yalnız ?admin=1 / ?ops=1 iken JS ekler.
   Canlı deploy'un hangi cache-bust turuyla eşleştiğini tek bakışta doğrular. */
.c01-orch__build-badge {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 0.56rem;
  letter-spacing: 0.06em;
  text-transform: none;
  color: #17130a;
  background: linear-gradient(180deg, rgba(217, 178, 90, 0.95), rgba(191, 150, 62, 0.95));
  border-radius: 999px;
  padding: 0.08rem 0.5rem;
  font-weight: 700;
}

.c01-orch__sys-health {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0.15rem 0 0.45rem;
  font-size: 0.68rem;
  letter-spacing: 0.04em;
  color: rgba(244, 236, 216, 0.78);
}

.c01-orch__sys-dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: var(--gtos-green-400);
  box-shadow: 0 0 10px 1px rgba(74, 222, 128, 0.55);
}

.c01-orch__title {
  margin: 0 0 0.35rem;
  font-size: clamp(1.18rem, 2vw, 1.6rem);
  line-height: 1.18;
  color: var(--orch-ink);
  font-weight: 700;
  text-align: left;
}

.c01-orch__lead {
  margin: 0;
  max-width: 30rem;
  font-size: 0.84rem;
  line-height: 1.5;
  color: var(--orch-muted);
  text-align: left;
}

/* ---- HUD (sağ) — saat/tarih · ara ---- */
.c01-orch__hud {
  display: flex;
  align-items: flex-start;
  gap: clamp(1rem, 2.6vw, 2.1rem);
  flex-wrap: wrap;
}

.c01-orch__hud-col {
  display: grid;
  gap: 0.14rem;
}

.c01-orch__hud-col--actions {
  justify-items: end;
  gap: 0.42rem;
}

.c01-orch__hud-label {
  margin: 0;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--orch-gold);
}

.c01-orch__hud-clock {
  margin: 0.14rem 0 0;
  font-family: ui-monospace, "SFMono-Regular", "Cascadia Mono", Menlo, Consolas, monospace;
  font-size: clamp(0.95rem, 1.4vw, 1.18rem);
  font-weight: 700;
  color: var(--orch-ink);
  letter-spacing: 0.02em;
}

.c01-orch__hud-date {
  margin: 0;
  font-size: 0.64rem;
  color: var(--orch-muted);
  letter-spacing: 0.03em;
}

.c01-orch__hud-search {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border: 1px solid rgba(217, 178, 90, 0.35);
  background: rgba(217, 178, 90, 0.08);
  color: var(--orch-ink);
  font: inherit;
  font-size: 0.72rem;
  font-weight: 600;
  padding: 0.32rem 0.8rem;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.c01-orch__hud-search:hover,
.c01-orch__hud-search:focus-visible {
  background: rgba(217, 178, 90, 0.18);
  border-color: var(--orch-gold);
  transform: translateY(-1px);
  outline: none;
}

.c01-orch__hud-search i {
  color: var(--orch-gold);
  font-size: 0.72rem;
}

.c01-orch__hud-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0.22rem 0.64rem;
  border-radius: 999px;
  border: 1px solid var(--orch-navy-line);
  background: rgba(13, 31, 60, 0.55);
  color: var(--orch-ink);
}

.c01-orch__hud-pill:empty {
  display: none;
}

.c01-orch__hud-pill::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: var(--orch-gold);
}

.c01-orch__hud-pill--connected::before {
  animation: c01-orch-pulse 2.4s ease-out infinite;
}

.c01-orch__hud-pill--delayed {
  border-color: rgba(217, 178, 90, 0.32);
}
.c01-orch__hud-pill--delayed::before {
  opacity: 0.75;
  animation: c01-orch-wave 1.1s ease-in-out infinite;
}

.c01-orch__hud-pill--partial::before {
  opacity: 0.45;
  background: var(--orch-muted);
}

/* ============================================================
   GÜVERTE (deck) — sol panel | merkez altın halka | sağ panel.
   `grid-template-areas` ile; JS konum hesaplamaz.
   Mockup Variant I/H: yan paneller ~18–20vw (max ~14rem), merkez ~60%.
   ============================================================ */
.c01-orch--deck {
  --orch-side-max: 10.5rem;
  --orch-side-min: 7.25rem;
  --orch-side-pref: min(14vw, var(--orch-side-max));
}

.c01-orch__deck {
  display: grid;
  grid-template-columns:
    minmax(var(--orch-side-min), var(--orch-side-pref))
    minmax(0, 1fr);
  grid-template-areas: "left main";
  gap: clamp(0.5rem, 1.1vw, 0.95rem);
  align-items: stretch;
  position: relative;
  z-index: 1;
  min-width: 0;
  min-height: 0;
}

/* ---- Sol/sağ panel — frosted glass kabuk (mockup: "Live Workflow" /
   "AI Status" cam panelleri; ince altın çerçeve, blur, iç highlight,
   cömert padding). ---- */
.c01-orch__aside {
  display: flex;
  flex-direction: column;
  gap: clamp(0.85rem, 1.2vw, 1.15rem);
  min-width: 0;
  min-height: 0;
  padding: clamp(0.95rem, 1.4vw, 1.35rem);
  border-radius: 1.1rem;
  border: 1px solid rgba(217, 178, 90, 0.2);
  background:
    linear-gradient(180deg, rgba(16, 32, 58, 0.62) 0%, rgba(9, 18, 34, 0.42) 100%);
  -webkit-backdrop-filter: blur(14px) saturate(1.05);
  backdrop-filter: blur(14px) saturate(1.05);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 20px 46px -30px rgba(0, 0, 0, 0.85);
}

/* Mockup I/H — dar yan sütunlar, kompakt panel içi (merkez ~60%). */
.c01-orch--deck .c01-orch__aside {
  padding: clamp(0.6rem, 0.95vw, 0.85rem);
  gap: clamp(0.45rem, 0.75vw, 0.65rem);
  border-radius: 0.95rem;
}

.c01-orch--deck .c01-orch__panel-label {
  font-size: 0.62rem;
  letter-spacing: 0.12em;
}

.c01-orch--deck .c01-orch__wf-step {
  font-size: 0.68rem;
  gap: 0.35rem;
}

.c01-orch--deck .c01-orch__ai-grid {
  gap: 0.35rem;
}

.c01-orch--deck .c01-orch__ai-metric {
  padding: 0.35rem 0.4rem;
}

.c01-orch--deck .c01-orch__avatar-strip {
  gap: 0.28rem;
}

.c01-orch--deck .c01-orch__strip-avatar {
  width: 1.65rem;
  height: 1.65rem;
}

/* v21 hover jitter düzeltmesi (Kutay ekran kaydı 2026-08-06 18:54) — kök
   neden: `:hover`/`.is-active` bu kutunun KENDİ `width`/`padding-top`'unu
   devasa büyütüyordu (idle ~5.5rem → hover ~18rem). Bu, hover HEDEFİ olan
   elemanın layout kutusunu her karede değiştiriyor, `translate(-50%,-50%)`
   referansı ve içindeki `top:0` çocuklar (avatar) imleç ALTINDA kayıyordu
   → hover on/off döngüsü + reflow-ağır geçiş = titreme. Çözüm: satellite
   kutusu HER ZAMAN sabit/küçük (reflow yok, hit-box stabil); büyüme salt
   `transform: scale()` ile ÇOCUKLARDA (avatar/orbit-wrap/pills) — GPU'da,
   layout'u hiç etkilemez. Ad/rol/kod artık `.c01-orch__satellite-info`
   sarmalayıcısında, satellite'ın sabit merkezine göre `position:absolute`
   konumlanır (avatar büyüklüğü değişse de sabit nokta).

   v22 (Kutay 2026-08-06 19:1x «karakterler yine küçüldü»): v21'in
   `--sat-visual-scale: calc(var(--sat-halo-d-focus) / var(--sat-halo-d-idle))`
   hesabı GEÇERSİZ CSS — `calc()` uzunluğu uzunluğa BÖLEMEZ. Değişken
   computed-value zamanında geçersiz olduğu için onu kullanan `transform`
   düşüyordu → hover'da portre idle boyutunda kalıp dev cyan halkanın
   içinde küçücük görünüyordu (v17 paritesi kaybı). v22'de ölçek değişkeni
   tamamen kaldırıldı: avatar/orbit/halka yine v17'deki gibi doğrudan
   `--sat-halo-d` UZUNLUĞU ile boyutlanır (hover'da 12–18rem). Jitter
   dönmez, çünkü titremenin kaynağı avatarın değil SATELLITE kutusunun
   büyümesiydi; bu kutu (aşağıda) sabit kalmaya devam ediyor ve avatar
   `position:absolute` olduğu için ebeveyn layout'unu etkilemez. Tüm
   katmanlar artık satellite'ın SABİT merkezine (`top:50%`) çapalı —
   v21'de avatar `top:50%`, halkalar `top:0` kalmıştı (kaçık hale). */
.c01-orch--variant-h .c01-orch__satellite {
  --sat-halo-d-idle: clamp(5.5rem, 7.5vw, 6.75rem);
  --sat-halo-d-focus: clamp(12rem, 23vw, 18rem);
  --sat-halo-d: var(--sat-halo-d-idle);
  /* Sıfır yükseklikli katmanlar (cluster hub) için `-5%`in uzunluk karşılığı. */
  --sat-hub-dy: calc(var(--sat-halo-d) * -0.05);
  --sat-hub-y: -5%;
  display: block;
  width: clamp(4.35rem, 5.85vw, 5.55rem);
  min-width: clamp(4.35rem, 5.85vw, 5.55rem);
  min-height: clamp(4.35rem, 5.85vw, 5.55rem);
  top: calc(50% + var(--orbit-center-shift, 0));
  overflow: visible;
  transition:
    transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.22s ease,
    filter 0.28s ease;
}

.c01-orch--variant-h .c01-orch__satellite:hover,
.c01-orch--variant-h .c01-orch__satellite.is-active,
.c01-orch--variant-h .c01-orch__satellite.is-pinned {
  --sat-halo-d: var(--sat-halo-d-focus);
  --orbit-node-scale: 1;
  z-index: 22;
  filter: drop-shadow(0 0 32px rgba(127, 214, 255, 0.42));
}

/* Ad/rol/modül rozeti — avatarın (değişken boyutlu) ALTINDA sabit bir
   nokta grubu olarak konumlanır. `.satellite`'ın kendi kutusu artık hiç
   büyümediği için bu blok yalnızca kendi `top` hesaplaması üzerinden
   (avatarın güncel yarıçapına göre) yumuşakça kayar — satellite'ın
   hit-box'ını asla etkilemez (JS hover `.c01-orch__satellite`'a bağlı,
   bu sarmalayıcıya değil). */
.c01-orch--variant-h .c01-orch__satellite-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.14rem;
  position: absolute;
  /* Avatar merkezi = satellite merkezi + `--sat-hub-dy`; yarıçap = halo/2. */
  top: calc(50% + var(--sat-hub-dy) + var(--sat-halo-d) * 0.5 + 0.35rem);
  left: 50%;
  z-index: 3;
  width: max-content;
  max-width: 8rem;
  transform: translateX(-50%);
  pointer-events: none;
  transition: top 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Seçici gücü not: `.c01-orch--deck .c01-orch__satellite-avatar` (aşağıda,
   daha geç) ve `.c01-orch__satellite.is-active .c01-orch__satellite-avatar`
   (scale(1.22)) bu bloğu eziyordu → v22'de `.c01-orch__satellite` ara
   sınıfı eklenerek özgüllük yükseltildi; odak boyutu ayrıca aşağıdaki
   hover/active/pinned bloğunda AÇIKÇA tekrar edilir (v17'deki gibi). */
.c01-orch--variant-h .c01-orch__satellite .c01-orch__satellite-avatar {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  /* v17 paritesi: portre çapı = dış cyan halka çapı (`--sat-halo-d`). */
  width: var(--sat-halo-d);
  height: var(--sat-halo-d);
  flex: none;
  transform: translate(-50%, calc(-50% + var(--sat-hub-y)));
  transition:
    border-color 0.22s ease,
    box-shadow 0.28s ease,
    width 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    height 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}

.c01-orch--variant-h .c01-orch__satellite:hover .c01-orch__satellite-avatar,
.c01-orch--variant-h .c01-orch__satellite.is-active .c01-orch__satellite-avatar,
.c01-orch--variant-h .c01-orch__satellite.is-pinned .c01-orch__satellite-avatar {
  width: var(--sat-halo-d);
  height: var(--sat-halo-d);
  transform: translate(-50%, calc(-50% + var(--sat-hub-y)));
  border-width: 2px;
  border-color: var(--orch-cyan);
  box-shadow:
    0 0 0 3px rgba(127, 214, 255, 0.12),
    0 0 44px -2px rgba(127, 214, 255, 0.7),
    0 16px 32px -14px rgba(0, 0, 0, 0.9);
}

.c01-orch--variant-h .c01-orch__satellite:hover .c01-orch__satellite-avatar .c01-orch__avatar-img,
.c01-orch--variant-h .c01-orch__satellite.is-active .c01-orch__satellite-avatar .c01-orch__avatar-img,
.c01-orch--variant-h .c01-orch__satellite.is-pinned .c01-orch__satellite-avatar .c01-orch__avatar-img {
  object-fit: cover;
  object-position: center top;
}

.c01-orch--variant-h .c01-orch__satellite-orbit-wrap {
  width: var(--sat-halo-d);
  height: var(--sat-halo-d);
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + var(--sat-hub-y))) scale(0.52);
  transition:
    opacity 0.32s ease,
    transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    height 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}

.c01-orch--variant-h .c01-orch__satellite:hover .c01-orch__satellite-orbit-wrap,
.c01-orch--variant-h .c01-orch__satellite.is-active .c01-orch__satellite-orbit-wrap,
.c01-orch--variant-h .c01-orch__satellite.is-pinned .c01-orch__satellite-orbit-wrap {
  opacity: 1;
  transform: translate(-50%, calc(-50% + var(--sat-hub-y))) scale(1);
}

.c01-orch--variant-h .c01-orch__main-core {
  overflow: visible;
}

/* Variant H — hilal + sinir ağı atmosferi (mockup cyan derinlik). */
.c01-orch__atmosphere {
  position: absolute;
  inset: -2% -4% -2% -2%;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.c01-orch__crescent {
  position: absolute;
  width: clamp(14rem, 52%, 22rem);
  height: clamp(16rem, 88%, 26rem);
  right: clamp(-12%, -2vw, -4%);
  top: 50%;
  transform: translateY(-52%);
  border-radius: 50%;
  border: 1px solid rgba(127, 214, 255, 0.32);
  box-shadow:
    -24px 0 70px rgba(127, 214, 255, 0.14),
    inset -36px 0 54px rgba(127, 214, 255, 0.1),
    0 0 100px rgba(56, 189, 248, 0.08);
  background:
    radial-gradient(ellipse 42% 48% at 32% 50%, rgba(127, 214, 255, 0.2) 0%, rgba(127, 214, 255, 0) 68%),
    radial-gradient(ellipse 55% 60% at 70% 50%, rgba(13, 40, 72, 0.35) 0%, transparent 72%);
  opacity: 0.88;
}

.c01-orch__neural {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.62;
  mix-blend-mode: screen;
}

.c01-orch--variant-h.c01-orch--apex {
  background:
    radial-gradient(110% 90% at 50% 0%, rgba(56, 189, 248, 0.1) 0%, rgba(56, 189, 248, 0) 46%),
    radial-gradient(70% 55% at 72% 42%, rgba(127, 214, 255, 0.12) 0%, transparent 62%),
    radial-gradient(120% 85% at 50% 4%, rgba(217, 178, 90, 0.14) 0%, rgba(217, 178, 90, 0) 48%),
    radial-gradient(46% 52% at 50% 48%, rgba(30, 72, 120, 0.55) 0%, rgba(13, 31, 60, 0) 70%),
    radial-gradient(80% 120% at 50% 122%, rgba(13, 31, 60, 0.5) 0%, rgba(0, 0, 0, 0) 62%),
    linear-gradient(180deg, #0b1a32 0%, var(--orch-navy) 42%, var(--orch-navy-deep) 100%);
}

.c01-orch--variant-h.c01-orch--apex::before {
  opacity: 1;
  background:
    radial-gradient(48% 44% at 68% 46%, rgba(56, 189, 248, 0.14) 0%, transparent 72%),
    radial-gradient(42% 38% at 12% 18%, rgba(56, 189, 248, 0.11) 0%, transparent 68%),
    radial-gradient(38% 42% at 88% 82%, rgba(217, 178, 90, 0.1) 0%, transparent 70%),
    radial-gradient(1px 1px at 20% 30%, rgba(180, 230, 255, 0.45) 0%, transparent 100%),
    radial-gradient(1px 1px at 72% 22%, rgba(180, 230, 255, 0.35) 0%, transparent 100%),
    radial-gradient(1px 1px at 44% 68%, rgba(180, 230, 255, 0.28) 0%, transparent 100%),
    radial-gradient(1px 1px at 91% 44%, rgba(180, 230, 255, 0.25) 0%, transparent 100%);
}

.c01-orch--variant-h .c01-orch__grid-bg {
  opacity: 0.24;
  background-image:
    linear-gradient(rgba(127, 214, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(127, 214, 255, 0.045) 1px, transparent 1px),
    linear-gradient(rgba(217, 178, 90, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(217, 178, 90, 0.02) 1px, transparent 1px);
  background-size: 38px 38px, 38px 38px, 76px 76px, 76px 76px;
  -webkit-mask-image: radial-gradient(95% 95% at 50% 42%, var(--gtos-black) 0%, transparent 90%);
  mask-image: radial-gradient(95% 95% at 50% 42%, var(--gtos-black) 0%, transparent 90%);
}

.c01-orch--variant-h .c01-orch__particles {
  opacity: 0.62;
  mix-blend-mode: screen;
}

/* ---- Variant H · pin modunda sağ modül rail (hover'da merkez yay yok) ---- */
.c01-orch__bloom-dock {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 6;
  opacity: 0;
  transition: opacity 0.28s ease;
}

.c01-orch--bloom-open .c01-orch__bloom-dock {
  opacity: 1;
  pointer-events: auto;
}

.c01-orch__bloom-dock[hidden] {
  display: none;
}

.c01-orch__bloom-arc-ring,
.c01-orch__bloom-arc-glow,
.c01-orch__bloom-caps,
.c01-orch__bloom-cap {
  display: none !important;
}

.c01-orch__bloom-rail {
  position: absolute;
  right: clamp(0.25rem, 1.2vw, 0.85rem);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 0.32rem;
  min-width: clamp(8.5rem, 12vw, 11rem);
  padding-right: 0.15rem;
  border-right: 2px solid rgba(217, 178, 90, 0.35);
}

.c01-orch__bloom-rail-btn {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.34rem 0.7rem;
  border-radius: 999px;
  /* v22: pin rail'i de okunur puntoya çekildi (mockup sağ sütun). */
  font-size: clamp(0.6rem, 0.78vw, 0.7rem);
  font-weight: 600;
  line-height: 1.14;
  color: rgba(190, 225, 255, 0.95);
  background: rgba(4, 14, 28, 0.78);
  border: 1px solid rgba(127, 214, 255, 0.35);
  box-shadow: 0 0 18px -8px rgba(127, 214, 255, 0.45);
  cursor: pointer;
  font-family: inherit;
  text-align: left;
}

.c01-orch__bloom-rail-btn:hover,
.c01-orch__bloom-rail-btn:focus-visible {
  border-color: rgba(217, 178, 90, 0.55);
  color: rgba(255, 248, 235, 0.98);
}

.c01-orch__bloom-rail-btn::before {
  content: "";
  flex: none;
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  background: var(--orch-gold);
  box-shadow: 0 0 8px rgba(217, 178, 90, 0.65);
}

.c01-orch--variant-h .c01-orch__satellite .c01-orch__focus-rail {
  display: none;
}

.c01-orch--variant-h .c01-orch__satellite::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(var(--sat-halo-d) * 1.08);
  height: calc(var(--sat-halo-d) * 1.08);
  transform: translate(-50%, calc(-50% + var(--sat-hub-y))) scale(0.85);
  border-radius: 50%;
  border: 1px solid rgba(127, 214, 255, 0.16);
  box-shadow: 0 0 70px -12px rgba(127, 214, 255, 0.4);
  opacity: 0;
  pointer-events: none;
  z-index: -2;
  transition:
    opacity 0.32s ease,
    transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    height 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}

.c01-orch--variant-h .c01-orch__satellite::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--sat-halo-d);
  height: var(--sat-halo-d);
  transform: translate(-50%, calc(-50% + var(--sat-hub-y))) scale(0.88);
  border-radius: 50%;
  border: 2px solid rgba(127, 214, 255, 0.45);
  box-shadow:
    0 0 0 4px rgba(127, 214, 255, 0.1),
    0 0 52px -2px rgba(127, 214, 255, 0.5);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition:
    opacity 0.32s ease,
    transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    height 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}

.c01-orch--variant-h .c01-orch__satellite:hover::before,
.c01-orch--variant-h .c01-orch__satellite.is-active::before,
.c01-orch--variant-h .c01-orch__satellite.is-pinned::before {
  opacity: 1;
  transform: translate(-50%, calc(-50% + var(--sat-hub-y))) scale(1);
}

/* Dış çember = portre kenarı; pseudo halka çift çizgi yapmaz. */
.c01-orch--variant-h .c01-orch__satellite:hover::after,
.c01-orch--variant-h .c01-orch__satellite.is-active::after,
.c01-orch--variant-h .c01-orch__satellite.is-pinned::after {
  opacity: 0;
}

.c01-orch--variant-h .c01-orch__satellite.is-pinned::after {
  border-width: 2px;
}

.c01-orch--bloom-open .c01-orch__ring--focus .c01-orch__satellite:not(.is-active) {
  opacity: 0.28;
}

.c01-orch--variant-h .c01-orch__deck {
  overflow: visible;
}

.c01-orch--deck .c01-orch__ring {
  width: min(100%, clamp(30rem, min(64vmin, 100cqmin), 58rem));
  max-width: min(100%, clamp(30rem, min(64vmin, 100cqmin), 58rem));
  max-height: none;
  aspect-ratio: unset;
  min-height: clamp(22rem, 52cqmin, 40rem);
  padding-bottom: clamp(1.25rem, 3cqmin, 2rem);
  --orbit-r: clamp(13rem, 48cqmin, 23.5rem);
  --orbit-center-shift: -0.55rem;
}

.c01-orch--deck .c01-orch__satellite {
  width: clamp(4.15rem, 5.65vw, 5.35rem);
}

.c01-orch--deck .c01-orch__satellite-avatar {
  width: clamp(3.85rem, 5.15vw, 5.05rem);
  height: clamp(3.85rem, 5.15vw, 5.05rem);
}

/* Panel içi bölümler arası ince ayırıcı (mockup: bölüm başlıkları belirgin). */
.c01-orch__aside .c01-orch__panel-block + .c01-orch__panel-block,
.c01-orch__aside .c01-orch__panel-head + .c01-orch__panel-block,
.c01-orch__aside .c01-orch__panel-block + .c01-orch__roster {
  padding-top: clamp(0.7rem, 1vw, 1rem);
  border-top: 1px solid rgba(217, 178, 90, 0.12);
}

.c01-orch__aside--left {
  grid-area: left;
}

.c01-orch__aside--right {
  grid-area: right;
}

.c01-orch__panel-block {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.c01-orch__panel-block.c01-orch__taskmode-host:empty {
  display: none;
}

.c01-orch__panel-label {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--orch-gold);
  opacity: 0.95;
}

/* Bölüm başlığı altın aksan çubuğu (mockup: başlıklar ikon/işaretle belirgin). */
.c01-orch__panel-label::before {
  content: "";
  flex: none;
  width: 0.22rem;
  height: 0.85rem;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--orch-gold), rgba(217, 178, 90, 0.3));
  box-shadow: 0 0 8px rgba(217, 178, 90, 0.5);
}

.c01-orch__panel-greet {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--orch-ink);
}

.c01-orch__panel-step {
  margin: 0;
  font-size: 0.74rem;
  line-height: 1.42;
  color: var(--orch-muted);
}

.c01-orch__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

/* ---- Sağ panel «Odaktaki uzman» — dürüst boş durum / hover-focus etiketi ---- */
.c01-orch__active-agent {
  margin: 0;
  font-size: 0.76rem;
  line-height: 1.4;
  color: var(--orch-gold);
  font-weight: 600;
}

.c01-orch__active-agent.is-idle {
  color: var(--orch-muted);
  font-weight: 400;
  font-style: italic;
}

/* ---- «Nasıl çalışır» — statik 3 adım, sahte checkmark yok ---- */
.c01-orch__reasoning {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.45rem;
}

.c01-orch__reasoning li {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin: 0;
  font-size: 0.74rem;
  line-height: 1.4;
  color: var(--orch-muted);
}

.c01-orch__reasoning li span {
  flex: none;
  width: 1.3rem;
  height: 1.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(217, 178, 90, 0.4);
  color: var(--orch-gold);
  font-size: 0.64rem;
  font-weight: 700;
}

/* ---- «Gerekçe» canlı veri placeholder (aktif adım/Trade Context varken) —
   sahte zaman damgası yok, dürüst "hazırlanıyor" metni. ---- */
.c01-orch__reasoning-live {
  margin: 0;
  font-size: 0.74rem;
  line-height: 1.45;
  color: var(--orch-muted);
  font-style: italic;
}

/* ---- Sağ panel roster — mini isim/avatar, tıklanabilir ---- */
.c01-orch__roster {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-height: 0;
}

.c01-orch__roster-row {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.3rem 0.4rem;
  border-radius: 0.65rem;
  border: 1px solid transparent;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.c01-orch__roster-row:hover,
.c01-orch__roster-row:focus-visible {
  background: rgba(217, 178, 90, 0.08);
  border-color: rgba(217, 178, 90, 0.24);
  transform: translateX(2px);
  outline: none;
}

.c01-orch__roster-avatar {
  width: 1.85rem;
  height: 1.85rem;
  flex: none;
  font-size: 0.68rem;
  border-width: 1.5px;
}

.c01-orch__roster-meta {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.02rem;
  min-width: 0;
}

.c01-orch__roster-name {
  font-size: 0.76rem;
  font-weight: 700;
  color: var(--orch-ink);
  line-height: 1.2;
}

.c01-orch__roster-role {
  font-size: 0.62rem;
  color: var(--orch-muted);
  line-height: 1.2;
}

/* ============================================================
   MERKEZ ALTIN HALKA (main-core) — Yasin + 11 uzman sabit yörünge.
   ============================================================ */
.c01-orch__main-core {
  grid-area: main;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: visible;
  container-type: size;
  container-name: orch-main;
}

.c01-orch__ring {
  position: relative;
  flex: 1 1 0;
  width: min(100%, clamp(26rem, 54vmin, 52rem));
  max-width: min(100%, clamp(26rem, 54vmin, 52rem));
  max-height: min(100%, clamp(26rem, 54vmin, 52rem));
  min-height: clamp(16rem, 38cqmin, 28rem);
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  align-self: center;
  overflow: visible;
  --orbit-r: clamp(10.5rem, 41cqmin, 18.25rem);
  z-index: 1;
}

/* Mockup Variant I: dış altın yörünge halkası (uzmanları birleştiren ince çember). */
.c01-orch__ring::before {
  content: "";
  position: absolute;
  inset: 4%;
  border-radius: 50%;
  border: 1px solid rgba(217, 178, 90, 0.32);
  box-shadow:
    0 0 48px -14px rgba(217, 178, 90, 0.35),
    inset 0 0 36px rgba(217, 178, 90, 0.06);
  pointer-events: none;
  z-index: 0;
}

.c01-orch__core {
  position: absolute;
  inset: 0;
  margin: auto;
  /* v3: çekirdek biraz küçüldü → alt-orta başlık boşluğu (YASIN / MAYKOPS CORE)
     portreyi temiz şekilde clear eder, uydulara binmez. */
  width: clamp(5.8rem, 9.4vw, 8.4rem);
  height: clamp(5.8rem, 9.4vw, 8.4rem);
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: inherit;
  z-index: 4;
}

/* Çekirdek çevresi çift altın halka — dış ince yörünge hattı + iç premium
   çerçeve (mockup: Yasin portresi iki eşmerkezli altın çember içinde). */
.c01-orch__core::before,
.c01-orch__core::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.c01-orch__core::before {
  inset: -0.9rem;
  border: 1px solid rgba(217, 178, 90, 0.34);
  box-shadow: inset 0 0 26px rgba(217, 178, 90, 0.1);
}
.c01-orch__core::after {
  inset: -2.1rem;
  border: 1px solid rgba(217, 178, 90, 0.16);
}

/* Premium çok katmanlı çekirdek halo — geniş yumuşak altın parıltı. */
.c01-orch__halo {
  position: absolute;
  inset: -3.4rem;
  border-radius: 50%;
  background:
    radial-gradient(closest-side, rgba(217, 178, 90, 0.3) 0%, rgba(217, 178, 90, 0.12) 42%, rgba(217, 178, 90, 0) 72%),
    radial-gradient(closest-side, rgba(244, 236, 216, 0.14) 0%, rgba(244, 236, 216, 0) 60%);
  pointer-events: none;
  animation: c01-orch-breathe 5.5s ease-in-out infinite;
}

.c01-orch__avatar {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  width: clamp(3rem, 5.4vw, 4rem);
  height: clamp(3rem, 5.4vw, 4rem);
  border-radius: 50%;
  border: 2px solid rgba(217, 178, 90, 0.55);
  box-shadow: 0 6px 18px -8px rgba(0, 0, 0, 0.8);
  color: var(--orch-ink);
  font-weight: 700;
  font-size: clamp(1rem, 1.7vw, 1.28rem);
  background-color: #0e1a30;
}

.c01-orch__avatar-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

.c01-orch__avatar--ph .c01-orch__avatar-img {
  display: none;
}

.c01-orch__avatar:not(.c01-orch__avatar--ph) .c01-orch__avatar-fb {
  display: none;
}

.c01-orch__avatar--core {
  width: 100%;
  height: 100%;
  border-width: 3px;
  border-color: var(--orch-gold);
  box-shadow:
    0 0 0 5px rgba(217, 178, 90, 0.14),
    0 0 46px -6px rgba(217, 178, 90, 0.5),
    0 20px 46px -16px rgba(0, 0, 0, 0.92);
  font-size: clamp(1.8rem, 2.8vw, 2.6rem);
}

/* ---- Uzman uydu düğümü — sabit yörünge slotu (JS yalnız --orbit-i verir;
   açı/konum tamamen CSS calc() ile). Collision-avoid JS yok. ---- */
.c01-orch__satellite {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(3.6rem, 5vw, 4.85rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.14rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: inherit;
  appearance: none;
  cursor: pointer;
  z-index: 2;
  --orbit-angle: calc(var(--orbit-i) * (360deg / 11) - 90deg);
  --orbit-node-scale: 1;
  transform:
    translate(-50%, -50%)
    rotate(var(--orbit-angle))
    translateX(calc(var(--orbit-r) * var(--orbit-r-scale, 1)))
    translateY(var(--orbit-y, 0))
    rotate(calc(-1 * var(--orbit-angle)))
    scale(var(--orbit-node-scale));
  transition: transform 0.28s ease, opacity 0.22s ease, filter 0.22s ease;
}

.c01-orch__satellite-avatar {
  width: clamp(3.25rem, 4.6vw, 4.35rem);
  height: clamp(3.25rem, 4.6vw, 4.35rem);
  font-size: 0.9rem;
  border-color: rgba(217, 178, 90, 0.6);
  box-shadow: 0 0 20px -6px rgba(217, 178, 90, 0.35), 0 8px 20px -10px rgba(0, 0, 0, 0.8);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.c01-orch__satellite:hover .c01-orch__satellite-avatar,
.c01-orch__satellite:focus-visible .c01-orch__satellite-avatar {
  border-color: var(--orch-gold);
  box-shadow: 0 0 0 3px rgba(217, 178, 90, 0.16), 0 0 26px -4px rgba(217, 178, 90, 0.45), 0 10px 22px -12px rgba(0, 0, 0, 0.8);
  transform: scale(1.14);
}

.c01-orch__satellite:focus-visible {
  outline: none;
}

/* Ad/rol/modül sarmalayıcısı — varsayılan (variant-h dışı) `display:contents`
   ile layout'a hiç etkisi yok (çocuklar dümdüz flex item gibi davranır,
   `.c01-orch__satellite`'ın kendi `gap`i öncekiyle birebir çalışır).
   Yalnız variant-h'de (jitter düzeltmesi, yukarıda) gerçek pozisyonlanmış
   bir kutuya dönüşür. */
.c01-orch__satellite-info {
  display: contents;
}

.c01-orch__satellite-name {
  margin-top: 0.08rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--orch-gold);
  text-align: center;
  line-height: 1.15;
  max-width: 5.4rem;
  overflow-wrap: anywhere;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
}

/* Uzman rolü (isim altında, mockup: "Trade Intelligence" gibi) — muted, ince. */
.c01-orch__satellite-role {
  font-size: 0.52rem;
  font-weight: 500;
  color: var(--orch-muted);
  text-align: center;
  line-height: 1.12;
  max-width: 5.6rem;
  overflow-wrap: anywhere;
}

/* ---- Modül rozeti (isim altında) — SSOT'tan gerçek modül kodu, yoksa
   render edilmez (sahte kod yok). ---- */
.c01-orch__satellite-mod,
.c01-orch__roster-mod {
  display: inline-flex;
  align-items: center;
  font-size: 0.56rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--orch-gold);
  background: rgba(217, 178, 90, 0.12);
  border: 1px solid rgba(217, 178, 90, 0.32);
  border-radius: 0.35rem;
  padding: 0.04rem 0.32rem;
  line-height: 1.3;
}

.c01-orch__satellite-mod[hidden] {
  display: none;
}

.c01-orch__satellite[data-orch-dept="trade"] .c01-orch__satellite-avatar,
.c01-orch__satellite[data-orch-dept="comms"] .c01-orch__satellite-avatar {
  border-color: rgba(80, 200, 220, 0.62);
  box-shadow: 0 0 22px -6px rgba(80, 200, 220, 0.35), 0 8px 20px -10px rgba(0, 0, 0, 0.8);
}

.c01-orch__satellite[data-orch-dept="trade"] .c01-orch__cluster-line-path,
.c01-orch__satellite[data-orch-dept="comms"] .c01-orch__cluster-line-path {
  stroke: rgba(80, 200, 220, 0.5);
}

.c01-orch__satellite[data-orch-dept="trade"] .c01-orch__cluster-line-tip,
.c01-orch__satellite[data-orch-dept="comms"] .c01-orch__cluster-line-tip,
.c01-orch__satellite[data-orch-dept="trade"] .c01-orch__cluster-line-root,
.c01-orch__satellite[data-orch-dept="comms"] .c01-orch__cluster-line-root {
  fill: #7fd6ff;
}

.c01-orch__ai-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.45rem 0.65rem;
}

.c01-orch__ai-metric {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: 0.05rem 0.45rem;
  align-items: center;
  padding: 0.45rem 0.5rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(217, 178, 90, 0.14);
  background: rgba(8, 16, 30, 0.45);
}

.c01-orch__ai-metric-icon {
  grid-row: 1 / span 2;
  color: var(--orch-gold);
  font-size: 0.85rem;
  opacity: 0.9;
}

.c01-orch__ai-metric-label {
  font-size: 0.62rem;
  color: var(--orch-muted);
  line-height: 1.2;
}

.c01-orch__ai-metric-val {
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--orch-gold);
  letter-spacing: 0.04em;
}

.c01-orch__roster-mod {
  flex: none;
  align-self: center;
  margin-left: auto;
}

/* ============================================================
   T8 «I/H» — mini moon noktacıkları (idle, dekoratif, sabit) + organik
   yetenek kümesi (hover/focus, ince cyan bağlantı — Design Bible: cyan
   yalnız bağlantı/hint) + cyan mini-yörünge. Uzman uydusunun kendi kutusu
   ring transform ile zaten "upright" (net rotasyon yok) — çocuklar
   `--orbit-angle`'ı yeniden okuyarak dışa doğru yelpazelenir; JS ekstra
   açı hesaplamaz.
   ============================================================ */
:root {
  --orch-cyan: #7fd6ff;
  --orch-cyan-line: rgba(127, 214, 255, 0.55);
  --orch-cyan-soft: rgba(127, 214, 255, 0.14);
}

.c01-orch__moons {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.c01-orch__moon {
  position: absolute;
  width: 0.26rem;
  height: 0.26rem;
  border-radius: 50%;
  background: var(--orch-gold);
  opacity: 0.4;
}

.c01-orch__moon--1 {
  top: 4%;
  right: 8%;
  animation: c01-orch-moon-twinkle 3.6s ease-in-out infinite;
}

.c01-orch__moon--2 {
  bottom: 14%;
  left: 2%;
  animation: c01-orch-moon-twinkle 3.6s ease-in-out infinite;
  animation-delay: 1.5s;
}

@keyframes c01-orch-moon-twinkle {
  0%, 100% { opacity: 0.22; transform: scale(0.75); }
  50% { opacity: 0.7; transform: scale(1.15); }
}

/* ---- Cyan mini-yörünge — yalnız odaktaki uzmanda (Variant H bloom) ----
   Design Bible: cyan yalnız bağlantı/hint. Glow ring + üzerinde dönen küçük
   düğümler; avatarı sarar, "canlı yörünge" hissi verir. */
.c01-orch__satellite-orbit-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  width: clamp(4.4rem, 6vw, 5.6rem);
  height: clamp(4.4rem, 6vw, 5.6rem);
  transform: translate(-50%, -0.5rem) scale(0.6);
  transform-origin: center;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.c01-orch__satellite-orbit {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1.5px solid var(--orch-cyan-line);
  box-shadow: 0 0 22px -4px rgba(127, 214, 255, 0.55), inset 0 0 16px -6px rgba(127, 214, 255, 0.4);
  animation: c01-orch-orbit-spin 9s linear infinite;
}

/* Yörünge üzerinde dönen küçük cyan düğümler. */
.c01-orch__satellite-orbit::before,
.c01-orch__satellite-orbit::after {
  content: "";
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: var(--orch-cyan);
  box-shadow: 0 0 10px 1px rgba(127, 214, 255, 0.8);
}
.c01-orch__satellite-orbit::before {
  top: -0.2rem;
  left: 50%;
  transform: translateX(-50%);
}
.c01-orch__satellite-orbit::after {
  bottom: -0.2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.28rem;
  height: 0.28rem;
  opacity: 0.7;
}

.c01-orch__satellite.is-active .c01-orch__satellite-orbit-wrap,
.c01-orch__satellite:hover .c01-orch__satellite-orbit-wrap,
.c01-orch__satellite:focus-visible .c01-orch__satellite-orbit-wrap {
  opacity: 1;
  transform: translate(-50%, -0.7rem) scale(1);
}

@keyframes c01-orch-orbit-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* ---- Organik yetenek kümesi — Variant I: idle'da soluk constellation (v4);
   etiket metni yalnız hover/focus. ---- */
.c01-orch__cluster {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  pointer-events: none;
  opacity: 0.18;
  transform: scale(0.92);
  transition: opacity 0.26s ease, transform 0.26s ease;
  z-index: 1;
}

.c01-orch--variant-h .c01-orch__satellite.is-active,
.c01-orch--variant-h .c01-orch__satellite.is-pinned {
  --orch-cluster-r: clamp(6.5rem, 12vw, 10.5rem);
  z-index: 14;
}

.c01-orch--variant-h .c01-orch__satellite.is-pinned {
  z-index: 22;
}

/* v22: yay yarıçapı büyütüldü — portre v17 çapına (12–18rem) döndüğü için
   eski 12.5rem yarıçap düğümleri portrenin dibine yapıştırıyordu; ayrıca
   iki satıra sarabilen mockup etiketleri daha fazla yay boşluğu ister. */
.c01-orch--variant-h .c01-orch__satellite:hover,
.c01-orch--variant-h .c01-orch__satellite.is-active,
.c01-orch--variant-h .c01-orch__satellite.is-pinned {
  --orch-cluster-r: clamp(9.75rem, 16.5vw, 14rem);
}

.c01-orch--variant-h .c01-orch__satellite.is-active .c01-orch__cluster,
.c01-orch--variant-h .c01-orch__satellite.is-pinned .c01-orch__cluster,
.c01-orch--variant-h .c01-orch__satellite:hover .c01-orch__cluster,
.c01-orch--variant-h .c01-orch__satellite:focus-visible .c01-orch__cluster {
  opacity: 1;
  /* Hub = portre merkezi = satellite'ın sabit merkezi + `--sat-hub-dy`
     (v22: avatar artık `top:0` değil `top:50%` çapalı). */
  top: 50%;
  left: 50%;
  transform: translate(-50%, var(--sat-hub-dy, 0px)) scale(1);
  z-index: 8;
}

/* Mockup: yetenekler portre merkezinden hilal yelpaze (orbit açısı değil). */
.c01-orch--variant-h .c01-orch__satellite[data-orch-bloom-side="right"] .c01-orch__cluster-item {
  --cluster-r: var(--orch-cluster-r, clamp(9.75rem, 16.5vw, 14rem));
  --cluster-angle: calc((var(--cap-i) - (var(--cap-n) - 1) / 2) * 13deg);
  --cap-label-dx: 0.62rem;
  --cap-label-align: left;
}

.c01-orch--variant-h .c01-orch__satellite[data-orch-bloom-side="left"] .c01-orch__cluster-item {
  --cluster-r: var(--orch-cluster-r, clamp(9.75rem, 16.5vw, 14rem));
  --cluster-angle: calc(180deg + (var(--cap-i) - (var(--cap-n) - 1) / 2) * 13deg);
  --cap-label-dx: calc(-100% - 0.62rem);
  --cap-label-align: right;
}

/* ---- Mockup hilal sis bandı (v20) — Mete/Hilal/Umay referansı ----
   v19 CSS-only `.c01-orch__cluster-cloud` kaldırıldı (kenarı sert, uçları
   sivrilmeyen blob). Yerine `clusterMistSvg()` katmanlı SVG: hilal = iki
   dairenin farkı + gradient dolgu + feGaussianBlur sis + parlak dış rim.
   Kutu hub'a (portre merkezi) oturur: sağ tarafta `left: 0`, sol tarafta
   `right: 0`; ölçek hub'dan dışa doğru açılır (`transform-origin`).
   Genişlik portre halo'sunun dışında başlar (iç kenar = kutunun %50'si,
   halo yarıçapı ≈ %48) → portreye binmez, v17 halo boyutu korunur. */
.c01-orch__cluster-mist {
  position: absolute;
  top: 0;
  left: 0;
  /* Genişlik: iç kenar (kutunun ~%50'si) halo yarıçapının dışında, dış kenar
     yetenek pill'lerinin dışında kalacak kadar geniş — band pill'lerin
     ARKASINDA kaybolmasın (mockup: pill yelpazesi bandın içinde yüzer). */
  width: clamp(16.5rem, 30.5vw, 25rem);
  /* Yelpaze yükseldikçe (yetenek sayısı) band da uzar. */
  height: max(
    clamp(20rem, 38vw, 29.5rem),
    calc(var(--cap-n, 6) * 2.4rem + 11rem)
  );
  overflow: visible;
  pointer-events: none;
  opacity: 0;
  z-index: 0;
  transform-origin: 0 50%;
  transform: translate(-3%, -50%) scale(0.9);
  transition:
    opacity 0.42s ease,
    transform 0.46s cubic-bezier(0.22, 1, 0.36, 1);
}

.c01-orch--variant-h .c01-orch__satellite[data-orch-bloom-side="left"] .c01-orch__cluster-mist {
  left: auto;
  right: 0;
  transform-origin: 100% 50%;
  transform: translate(3%, -50%) scale(0.9);
}

.c01-orch--variant-h .c01-orch__satellite:hover .c01-orch__cluster-mist,
.c01-orch--variant-h .c01-orch__satellite.is-active .c01-orch__cluster-mist,
.c01-orch--variant-h .c01-orch__satellite.is-pinned .c01-orch__cluster-mist {
  opacity: 1;
  transform: translate(-3%, -50%) scale(1);
}

.c01-orch--variant-h .c01-orch__satellite[data-orch-bloom-side="left"]:hover .c01-orch__cluster-mist,
.c01-orch--variant-h .c01-orch__satellite[data-orch-bloom-side="left"].is-active .c01-orch__cluster-mist,
.c01-orch--variant-h .c01-orch__satellite[data-orch-bloom-side="left"].is-pinned .c01-orch__cluster-mist {
  transform: translate(3%, -50%) scale(1);
}

/* Sis katmanları — dış hale en geniş/en yumuşak, gövde orta, rim en keskin. */
.c01-orch__cluster-mist-haze {
  opacity: 0.95;
  animation: c01-orch-mist-breathe 7.5s ease-in-out infinite;
}

.c01-orch__cluster-mist-body {
  opacity: 1;
}

.c01-orch__cluster-mist-core {
  opacity: 0.9;
}

.c01-orch__cluster-mist-rim {
  opacity: 0.7;
}

.c01-orch__cluster-mist-edge {
  opacity: 0.9;
}

/* Nebula nefesi — yalnız opacity (layout/transform yok, band aynası bozulmaz). */
@keyframes c01-orch-mist-breathe {
  0%,
  100% {
    opacity: 0.82;
  }
  50% {
    opacity: 1;
  }
}

/* ---- v22 · sinir ağı etiketleri (Mete mockup paritesi) ----
   Kutay geri bildirimi: "gerçek bir neural network gibi değil, minik sıkışık
   pill'ler". Mockup'ta hilal yayı boyunca PARLAK CYAN DÜĞÜMLER var ve metin
   düğümün YANINDA, koyu kutu olmadan, okunur puntoda duruyor. v22'de pill
   kabuğu (arka plan/çerçeve) kalkar, yerine metin gölgesi ile okunurluk
   sağlanır; etiket iki satıra sarabilir. Konum `--cap-label-dx` ile
   düğümün yanına kayar (sağ uydularda sağa, sol uydularda sola). */
.c01-orch--variant-h .c01-orch__satellite:hover .c01-orch__cluster-pill,
.c01-orch--variant-h .c01-orch__satellite.is-active .c01-orch__cluster-pill,
.c01-orch--variant-h .c01-orch__satellite.is-pinned .c01-orch__cluster-pill {
  font-size: clamp(0.64rem, 0.86vw, 0.8rem);
  font-weight: 600;
  line-height: 1.16;
  letter-spacing: 0.005em;
  /* `.c01-orch__cluster-item` sıfır genişlikli abs-pos kapsayıcı olduğundan
     `white-space: normal` tek başına etiketi harf harf sarardı; `max-content`
     doğal satırı verir, `max-width` iki satıra böler (mockup davranışı). */
  width: max-content;
  max-width: clamp(6rem, 9vw, 7.75rem);
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  text-align: var(--cap-label-align, center);
  padding: 0.06rem 0;
  border-radius: 0;
  background: transparent;
  border-color: transparent;
  color: #e9f7ff;
  text-shadow:
    0 1px 3px rgba(2, 10, 22, 0.95),
    0 0 12px rgba(2, 12, 26, 0.9),
    0 0 22px rgba(127, 214, 255, 0.28);
  box-shadow: none;
}

.c01-orch--variant-h .c01-orch__satellite:hover .c01-orch__cluster-line-path,
.c01-orch--variant-h .c01-orch__satellite.is-active .c01-orch__cluster-line-path,
.c01-orch--variant-h .c01-orch__satellite.is-pinned .c01-orch__cluster-line-path {
  stroke: rgba(216, 243, 255, 0.92);
  stroke-width: 1.8;
  filter: drop-shadow(0 0 4px rgba(127, 214, 255, 0.55));
}

.c01-orch--variant-h .c01-orch__satellite:hover .c01-orch__cluster-line-root,
.c01-orch--variant-h .c01-orch__satellite.is-active .c01-orch__cluster-line-root,
.c01-orch--variant-h .c01-orch__satellite.is-pinned .c01-orch__cluster-line-root {
  fill: var(--orch-cyan);
  filter: drop-shadow(0 0 6px rgba(127, 214, 255, 0.75));
}

/* Yay düğümü — mockup'ta beyaz-sıcak çekirdek + cyan hale (etiketin solunda
   duran "nöron"). Halka `stroke` ile, dolgu neredeyse beyaz. */
.c01-orch--variant-h .c01-orch__satellite:hover .c01-orch__cluster-line-tip,
.c01-orch--variant-h .c01-orch__satellite.is-active .c01-orch__cluster-line-tip,
.c01-orch--variant-h .c01-orch__satellite.is-pinned .c01-orch__cluster-line-tip {
  fill: #eafaff;
  stroke: rgba(127, 214, 255, 0.9);
  stroke-width: 1.6;
  filter: drop-shadow(0 0 7px rgba(127, 214, 255, 0.9));
}

/* Variant H — odakta dikey modül rail (mockup sağ sütun). */
.c01-orch__focus-rail {
  position: absolute;
  top: 42%;
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  opacity: 0;
  transform: translateY(-50%) scale(0.96);
  pointer-events: none;
  z-index: 12;
  transition: opacity 0.24s ease, transform 0.24s ease;
  min-width: clamp(7.5rem, 11vw, 10.5rem);
}

.c01-orch__satellite[data-orch-bloom-side="right"] .c01-orch__focus-rail {
  left: calc(100% + 0.45rem);
  right: auto;
}

.c01-orch__satellite[data-orch-bloom-side="left"] .c01-orch__focus-rail {
  right: calc(100% + 0.45rem);
  left: auto;
}

.c01-orch__focus-rail-btn {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.55rem;
  border-radius: 0.55rem;
  font-size: 0.56rem;
  font-weight: 600;
  line-height: 1.15;
  color: var(--orch-ink);
  background: rgba(6, 18, 32, 0.92);
  border: 1px solid rgba(217, 178, 90, 0.28);
  box-shadow: 0 6px 18px -10px rgba(0, 0, 0, 0.85);
  white-space: nowrap;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  pointer-events: auto;
}

.c01-orch__focus-rail-btn:hover,
.c01-orch__focus-rail-btn:focus-visible {
  border-color: rgba(127, 214, 255, 0.45);
  color: rgba(230, 248, 255, 0.98);
}

.c01-orch__focus-rail-btn::before {
  content: "";
  flex: none;
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  background: var(--orch-gold);
  box-shadow: 0 0 6px rgba(217, 178, 90, 0.6);
}

.c01-orch--variant-h .c01-orch__satellite.is-active .c01-orch__focus-rail,
.c01-orch--variant-h .c01-orch__satellite.is-pinned .c01-orch__focus-rail,
.c01-orch--variant-h .c01-orch__satellite:hover .c01-orch__focus-rail,
.c01-orch--variant-h .c01-orch__satellite:focus-visible .c01-orch__focus-rail {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.c01-orch__ring--focus .c01-orch__satellite:not(.is-active):not(:hover) .c01-orch__focus-rail {
  opacity: 0;
}

.c01-orch--variant-h .c01-orch__satellite.is-active .c01-orch__satellite-avatar,
.c01-orch--variant-h .c01-orch__satellite.is-pinned .c01-orch__satellite-avatar {
  box-shadow:
    0 0 0 4px var(--orch-cyan-soft),
    0 0 34px -2px rgba(127, 214, 255, 0.6),
    0 14px 30px -12px rgba(0, 0, 0, 0.9);
}

.c01-orch--variant-h .c01-orch__ring--focus .c01-orch__core {
  opacity: 0.78;
}

.c01-orch--variant-h .c01-orch__ring::before {
  opacity: 0.55;
}

.c01-orch__satellite.is-active .c01-orch__cluster,
.c01-orch__satellite:hover .c01-orch__cluster,
.c01-orch__satellite:focus-visible .c01-orch__cluster {
  opacity: 1;
  transform: scale(1);
  z-index: 6;
}

/* Odak modunda odaklanmayanın kümesi tümüyle kaybolur (dağınıklık olmasın). */
.c01-orch__ring--focus .c01-orch__satellite:not(.is-active) .c01-orch__cluster {
  opacity: 0.04;
}

.c01-orch__cluster-item {
  position: absolute;
  top: 0;
  left: 0;
  --cluster-r: clamp(3.4rem, 4.8vw, 4.8rem);
  --cluster-angle: calc(var(--orbit-angle) + (var(--cap-i) - (var(--cap-n) - 1) / 2) * 26deg);
}

/* v21 — sinir ucu eğrisi (`clusterLineSvg`): düz div/::after kaldırıldı. */
.c01-orch__cluster-line {
  --cluster-hub-r: 0px;
  --cluster-line-l: var(--cluster-r);
  position: absolute;
  top: 0;
  left: 0;
  width: var(--cluster-line-l);
  height: calc(var(--cluster-line-l) * 0.32);
  overflow: visible;
  pointer-events: none;
  transform-origin: 0% 50%;
  transform: rotate(var(--cluster-angle)) translateX(var(--cluster-hub-r));
}

.c01-orch--variant-h .c01-orch__cluster-item .c01-orch__cluster-line {
  --cluster-hub-r: calc(var(--sat-halo-d, 6rem) * 0.48);
  --cluster-line-l: max(0.5rem, calc(var(--cluster-r) - var(--cluster-hub-r)));
}

.c01-orch__cluster-line-path {
  fill: none;
  stroke: rgba(217, 178, 90, 0.55);
  stroke-width: 1.2;
  stroke-linecap: round;
  transition: stroke 0.2s ease, stroke-width 0.2s ease, filter 0.2s ease;
}

.c01-orch__cluster-line-root,
.c01-orch__cluster-line-tip {
  transition: fill 0.2s ease, filter 0.2s ease;
}

.c01-orch__cluster-line-root {
  fill: rgba(217, 178, 90, 0.75);
}

.c01-orch__cluster-line-tip {
  fill: var(--orch-gold);
  filter: drop-shadow(0 0 6px rgba(217, 178, 90, 0.45));
}

.c01-orch__cluster-pill {
  position: absolute;
  top: 0;
  left: 0;
  /* `--cap-label-dx`: etiketin düğüm noktasına göre yatay yerleşimi. Varsayılan
     `-50%` = düğümün TAM ÜSTÜNDE (Variant I ve diğer varyantların eski
     davranışı). Variant H, v22'de mockup gibi düğümün YANINA kaydırır. */
  transform: rotate(var(--cluster-angle)) translateX(var(--cluster-r)) rotate(calc(-1 * var(--cluster-angle))) translate(var(--cap-label-dx, -50%), -50%);
  white-space: nowrap;
  font-size: 0.56rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--orch-muted);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 0.1rem 0.4rem;
  opacity: 0;
  max-width: 5.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

/* Odak: etiketler cam pill + cyan çerçeve + net metin; çizgi cyan olur. */
.c01-orch__satellite.is-active .c01-orch__cluster-pill,
.c01-orch__satellite:hover .c01-orch__cluster-pill,
.c01-orch__satellite:focus-visible .c01-orch__cluster-pill {
  opacity: 1;
  color: var(--orch-ink);
  background: rgba(6, 20, 34, 0.82);
  border-color: var(--orch-cyan-line);
  box-shadow: 0 4px 14px -6px rgba(0, 0, 0, 0.7);
}
.c01-orch__satellite.is-active .c01-orch__cluster-line-path,
.c01-orch__satellite:hover .c01-orch__cluster-line-path,
.c01-orch__satellite:focus-visible .c01-orch__cluster-line-path {
  stroke: var(--orch-cyan-line);
}
.c01-orch__satellite.is-active .c01-orch__cluster-line-tip,
.c01-orch__satellite:hover .c01-orch__cluster-line-tip,
.c01-orch__satellite:focus-visible .c01-orch__cluster-line-tip {
  fill: var(--orch-cyan);
  filter: drop-shadow(0 0 8px rgba(127, 214, 255, 0.7));
}

/* ---- Odak modu — halkada bir uzman odaktayken diğerleri soluklaşır ---- */
.c01-orch__ring--focus .c01-orch__satellite:not(.is-active) {
  opacity: 0.4;
  transition: opacity 0.18s ease;
}

.c01-orch__ring--focus .c01-orch__core {
  opacity: 0.62;
  transition: opacity 0.18s ease;
}

/* Odaktaki uzman öne çıkar (diğerlerinin üstünde, büyür). */
.c01-orch__satellite.is-active {
  z-index: 7;
  --orbit-node-scale: 1.16;
}

.c01-orch__satellite.is-active .c01-orch__satellite-avatar {
  border-color: var(--orch-cyan);
  box-shadow:
    0 0 0 4px var(--orch-cyan-soft),
    0 0 34px -2px rgba(127, 214, 255, 0.6),
    0 14px 30px -12px rgba(0, 0, 0, 0.9);
  transform: scale(1.22);
}

.c01-orch__satellite.is-active .c01-orch__satellite-name {
  color: var(--orch-cyan);
  text-shadow: 0 0 12px rgba(127, 214, 255, 0.5);
}

@media (prefers-reduced-motion: reduce) {
  .c01-orch--variant-h .c01-orch__satellite:hover,
  .c01-orch--variant-h .c01-orch__satellite.is-active,
  .c01-orch--variant-h .c01-orch__satellite.is-pinned {
    --sat-halo-d: clamp(8rem, 16vw, 11rem);
    --orbit-node-scale: 1.06;
    filter: none;
  }

  .c01-orch__moon,
  .c01-orch__satellite-orbit,
  .c01-orch__cluster-mist-haze {
    animation: none;
  }

  .c01-orch__cluster,
  .c01-orch__cluster-mist,
  .c01-orch__satellite-orbit-wrap,
  .c01-orch__ring--focus .c01-orch__satellite,
  .c01-orch__ring--focus .c01-orch__core {
    transition: none;
  }
}

/* Çekirdek başlığı — Yasin portresinin hemen altında (halka içi, uydulara binmez). */
.c01-orch__main-caption {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  width: 100%;
  max-width: 22rem;
  margin: clamp(0.35rem, 1vw, 0.65rem) auto 0;
  display: grid;
  justify-items: center;
  gap: 0.1rem;
  padding: 0.2rem 0.75rem 0.15rem;
  text-align: center;
  pointer-events: none;
  z-index: 5;
  flex-shrink: 0;
}

.c01-orch__ring > .c01-orch__main-caption {
  position: absolute;
  left: 50%;
  top: calc(50% + clamp(3.6rem, 5.8vw, 5.1rem));
  transform: translateX(-50%);
  margin: 0;
  max-width: min(14rem, 42%);
  gap: 0.06rem;
  padding: 0.15rem 0.5rem 0.1rem;
  z-index: 6;
}

.c01-orch__ring > .c01-orch__main-caption .c01-orch__core-name {
  font-size: clamp(0.95rem, 1.45vw, 1.25rem);
  letter-spacing: 0.18em;
}

.c01-orch__ring > .c01-orch__main-caption .c01-orch__core-tagline {
  font-size: 0.58rem;
}

.c01-orch__ring > .c01-orch__main-caption .c01-orch__core-role {
  font-size: 0.5rem;
  line-height: 1.2;
  max-width: 12rem;
  opacity: 0.88;
}

/* Okunurluk zemini — hub başlığı arkasında yumuşak koyu radyal (uydu/parçacık
   metinle yarışmasın); kenarı yumuşak, kutu görünmez. */
.c01-orch__main-caption::before {
  content: "";
  position: absolute;
  inset: -0.4rem -0.2rem;
  border-radius: 999px;
  background: radial-gradient(60% 60% at 50% 45%, rgba(5, 9, 15, 0.82) 0%, rgba(5, 9, 15, 0.5) 55%, rgba(5, 9, 15, 0) 100%);
  z-index: -1;
  pointer-events: none;
}

.c01-orch__core-name {
  font-size: clamp(1.1rem, 1.8vw, 1.6rem);
  font-weight: 800;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--orch-gold);
  text-shadow: 0 0 18px rgba(217, 178, 90, 0.35);
  line-height: 1.08;
}

/* MAYKOPS CORE etiketi — çekirdek adının hemen altında (mockup birebir). */
.c01-orch__core-tagline {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(217, 178, 90, 0.82);
}

.c01-orch__core-role {
  margin-top: 0.14rem;
  font-size: 0.64rem;
  color: var(--orch-muted);
  letter-spacing: 0.04em;
  line-height: 1.3;
  max-width: 13rem;
}

/* ---- Mikrofon (CSS ses dalgası) + TTS ikonu — command bar satırında
   (bkz. ALT KOMUTA ÇUBUĞU aşağıda). c01-voice.js `is-listening`/`is-on`
   class'larını toggle eder; grafik burada tanımlanır. ---- */
.c01-orch__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Mikrofon + kapsam rozeti — 25.08: rozet artık sahne başlığında değil,
   sesli komut düğmesinin altında (ses+akış Beta kapsamı burada okunur). */
.c01-orch__mic-wrap {
  position: relative;
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}

.c01-orch__mic {
  position: relative;
  flex: none;
  width: clamp(3.2rem, 4vw, 3.9rem);
  height: clamp(3.2rem, 4vw, 3.9rem);
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 2px solid var(--orch-gold);
  background:
    radial-gradient(closest-side, rgba(217, 178, 90, 0.32), rgba(217, 178, 90, 0.06) 78%);
  color: var(--orch-gold);
  cursor: pointer;
  box-shadow: 0 0 26px -6px rgba(217, 178, 90, 0.55), inset 0 0 14px -4px rgba(217, 178, 90, 0.4);
  animation: c01-orch-pulse 2.6s ease-out infinite;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.c01-orch__mic-icon {
  font-size: 1.2rem;
  transition: opacity 0.15s ease;
}

.c01-orch__mic-wave {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.c01-orch__mic-bar {
  width: 2px;
  height: 55%;
  border-radius: 2px;
  background: var(--orch-gold);
  animation: c01-orch-mic-listen 0.9s ease-in-out infinite;
  animation-delay: calc(var(--b) * 90ms);
}

.c01-orch__mic.is-listening {
  animation: none;
  box-shadow: 0 0 0 4px rgba(217, 178, 90, 0.22);
}

.c01-orch__mic.is-listening .c01-orch__mic-icon {
  opacity: 0;
}

.c01-orch__mic.is-listening .c01-orch__mic-wave {
  opacity: 1;
}

@keyframes c01-orch-mic-listen {
  0%, 100% { transform: scaleY(0.35); }
  50% { transform: scaleY(1); }
}

.c01-orch__tts {
  flex: none;
  width: clamp(2.1rem, 2.6vw, 2.35rem);
  height: clamp(2.1rem, 2.6vw, 2.35rem);
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1px solid rgba(217, 178, 90, 0.35);
  background: rgba(217, 178, 90, 0.07);
  color: var(--orch-muted);
  font-size: 0.86rem;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.c01-orch__tts:hover,
.c01-orch__tts:focus-visible {
  border-color: var(--orch-gold);
  color: var(--orch-gold);
  outline: none;
}

.c01-orch__tts.is-on {
  border-color: var(--orch-gold);
  color: var(--orch-gold);
  background: rgba(217, 178, 90, 0.2);
}

.c01-orch__mic.is-unsupported,
.c01-orch__tts.is-unsupported {
  opacity: 0.4;
  cursor: not-allowed;
  animation: none;
}

/* ---- STANDBY (tek altın CTA — gold accent discipline) ---- */
.c01-orch__standby {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.28rem 0.75rem;
  border-radius: 999px;
  border: 1px solid rgba(217, 178, 90, 0.3);
  background: var(--orch-gold-soft);
  color: var(--orch-gold);
  font-size: 0.7rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-weight: 600;
}

.c01-orch__dot {
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 50%;
  background: var(--orch-gold);
  box-shadow: 0 0 0 0 rgba(217, 178, 90, 0.6);
  animation: c01-orch-pulse 2.4s ease-out infinite;
}

.c01-orch__cta {
  appearance: none;
  border: 1px solid var(--orch-gold);
  background: linear-gradient(180deg, rgba(217, 178, 90, 0.95), rgba(191, 150, 62, 0.95));
  color: #17130a;
  font-weight: 700;
  font-size: 0.88rem;
  padding: 0.52rem 1.35rem;
  border-radius: 999px;
  cursor: pointer;
  box-shadow: 0 10px 24px -12px rgba(217, 178, 90, 0.7);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.c01-orch__cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px -12px rgba(217, 178, 90, 0.8);
}

.c01-orch__note {
  margin: 0;
  text-align: center;
  font-size: 0.72rem;
  color: var(--orch-muted);
}

/* ---- «Görev modu» chip — read-only B06/Trade Context; hook yoksa boş ---- */
.c01-orch__taskmode {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.26rem 0.7rem;
  border-radius: 999px;
  border: 1px dashed rgba(217, 178, 90, 0.35);
  background: rgba(13, 31, 60, 0.4);
  font-size: 0.68rem;
  letter-spacing: 0.02em;
}

.c01-orch__taskmode-dot {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: var(--orch-gold);
  flex: none;
}

.c01-orch__taskmode b {
  color: var(--orch-gold);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.6rem;
  letter-spacing: 0.05em;
}

.c01-orch__taskmode i {
  font-style: normal;
  color: var(--orch-ink);
  opacity: 0.85;
}

/* ============================================================
   ALT KOMUTA ÇUBUĞU (commandbar) — metin girişi (Faz 1: yerel eko,
   "Yakında" rozeti) + Konuş/Sesli + birincil CTA.
   ============================================================ */
.c01-orch__commandbar {
  margin-top: clamp(0.7rem, 1.6vw, 1.15rem);
  padding-top: clamp(0.65rem, 1.5vw, 1rem);
  border-top: 1px solid rgba(217, 178, 90, 0.14);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

/* ---- Müşteri sohbeti Command Center'da — okunur transkript ---- */
.c01-orch__transcript {
  width: 100%;
  /* CC-WOW-2 — okuma satiri: ~72-80 karakter hedefi (58rem kutu, 46rem balon). */
  max-width: 58rem;
  max-height: 0;
  overflow-y: auto;
  scrollbar-gutter: stable;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  transition: max-height 0.22s ease;
}

.c01-orch__transcript.is-visible {
  max-height: min(52vh, 30rem);
  padding: 0.4rem 0.35rem 0.6rem;
}

.c01-orch--live-chat .c01-orch__transcript.is-visible {
  max-height: min(58vh, 36rem);
}

.c01-orch__transcript-row {
  display: flex;
}

.c01-orch__transcript-row--user {
  justify-content: flex-end;
}

.c01-orch__transcript-row--system,
.c01-orch__transcript-row--agent {
  justify-content: flex-start;
}

.c01-orch__transcript-bubble {
  max-width: min(46rem, 90%);
  font-size: 1rem;
  line-height: 1.65;
  padding: 0.7rem 1rem;
  border-radius: 0.9rem;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.c01-orch__transcript-row--user .c01-orch__transcript-bubble {
  background: linear-gradient(180deg, rgba(217, 178, 90, 0.28), rgba(217, 178, 90, 0.16));
  border: 1px solid rgba(217, 178, 90, 0.4);
  color: var(--orch-ink);
  border-radius: 0.9rem 0.9rem 0.3rem 0.9rem;
}

.c01-orch__transcript-row--system .c01-orch__transcript-bubble {
  background: rgba(13, 31, 60, 0.5);
  border: 1px dashed rgba(217, 178, 90, 0.28);
  color: var(--orch-muted);
  font-style: italic;
  font-size: 0.9rem;
  line-height: 1.55;
}

.c01-orch__transcript-row--agent .c01-orch__transcript-bubble {
  background: rgba(15, 23, 42, 0.78);
  border: 1px solid rgba(148, 163, 184, 0.28);
  color: var(--gtos-slate-200);
  border-radius: 0.9rem 0.9rem 0.9rem 0.3rem;
}

.c01-orch--live-chat .c01-orch__commandbar-guide {
  display: none;
}

/* ---- Ek dosya çipleri — Faz 1: yalnız UI, backend yükleme yok ---- */
.c01-orch__attach-chips {
  width: 100%;
  max-width: 52rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.c01-orch__attach-chips[hidden] {
  display: none;
}

.c01-orch__attach-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.7rem;
  color: var(--orch-ink);
  background: rgba(13, 31, 60, 0.5);
  border: 1px solid rgba(217, 178, 90, 0.3);
  border-radius: 999px;
  padding: 0.22rem 0.5rem 0.22rem 0.6rem;
}

.c01-orch__attach-chip i {
  color: var(--orch-gold);
  font-size: 0.68rem;
}

.c01-orch__attach-chip-name {
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c01-orch__attach-chip-remove {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--orch-muted);
  font-size: 0.9rem;
  line-height: 1;
  cursor: pointer;
  padding: 0 0.1rem;
}

.c01-orch__attach-chip-remove:hover,
.c01-orch__attach-chip-remove:focus-visible {
  color: var(--orch-ink);
  outline: none;
}

/* ---- Ana satır: mic + tts + form (input+tools) + hızlı çipler ---- */
.c01-orch__commandbar-row {
  width: 100%;
  max-width: 62rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
}

.c01-orch__commandbar-form {
  flex: 1 1 22rem;
  min-width: 0;
  display: flex;
}

.c01-orch__commandbar-inputwrap {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: flex-end;
  border: 1px solid rgba(217, 178, 90, 0.32);
  border-radius: 1.7rem;
  background: rgba(9, 18, 34, 0.66);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 16px 40px -24px rgba(0, 0, 0, 0.9);
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.c01-orch__commandbar-inputwrap:focus-within {
  border-color: var(--orch-gold);
  background: rgba(13, 31, 60, 0.78);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 0 3px rgba(217, 178, 90, 0.14),
    0 16px 40px -24px rgba(0, 0, 0, 0.9);
}

.c01-orch__commandbar-inputwrap.is-dragover {
  border-color: var(--orch-gold);
  background: rgba(217, 178, 90, 0.1);
}

.c01-orch__commandbar-input {
  flex: 1 1 auto;
  min-width: 0;
  resize: none;
  font: inherit;
  font-size: 0.84rem;
  line-height: 1.4;
  color: var(--orch-ink);
  background: transparent;
  border: 0;
  outline: none;
  padding: 0.62rem 0.3rem 0.62rem 1rem;
  max-height: 7.4rem;
}

.c01-orch__commandbar-input::placeholder {
  color: var(--orch-muted);
}

.c01-orch__commandbar-soon {
  position: absolute;
  right: 0.4rem;
  top: -1.15rem;
  font-size: 0.54rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--orch-gold);
  background: var(--orch-gold-soft);
  border-radius: 999px;
  padding: 0.12rem 0.5rem;
  pointer-events: none;
  white-space: nowrap;
  opacity: 0.85;
}

.c01-orch__commandbar-tools {
  flex: none;
  display: flex;
  align-items: center;
  gap: 0.15rem;
  padding: 0.3rem 0.35rem 0.3rem 0;
}

.c01-orch__tool-btn {
  appearance: none;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  border: 0;
  background: transparent;
  color: var(--orch-muted);
  font-size: 0.82rem;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.c01-orch__tool-btn:hover,
.c01-orch__tool-btn:focus-visible {
  background: rgba(217, 178, 90, 0.14);
  color: var(--orch-ink);
  outline: none;
}

.c01-orch__tool-btn--send {
  background: linear-gradient(180deg, rgba(217, 178, 90, 0.95), rgba(191, 150, 62, 0.95));
  color: #17130a;
}

.c01-orch__tool-btn--send:hover,
.c01-orch__tool-btn--send:focus-visible {
  background: linear-gradient(180deg, rgba(230, 192, 110, 0.98), rgba(191, 150, 62, 0.98));
  color: #17130a;
}

/* ---- Hızlı derin bağlantı çipleri (TradeMap/Gümrük/Lojistik) ---- */
.c01-orch__quickchips {
  flex: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.c01-orch__chip {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  border: 1px solid rgba(217, 178, 90, 0.28);
  background: rgba(9, 18, 34, 0.6);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--orch-ink);
  font: inherit;
  font-size: 0.74rem;
  font-weight: 600;
  padding: 0.5rem 0.95rem;
  border-radius: 999px;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}

.c01-orch__chip i {
  color: var(--orch-gold);
  font-size: 0.72rem;
}

.c01-orch__chip:hover,
.c01-orch__chip:focus-visible {
  border-color: var(--orch-gold);
  color: var(--orch-ink);
  background: rgba(217, 178, 90, 0.13);
  outline: none;
}

@keyframes c01-orch-pulse {
  0% { box-shadow: 0 0 0 0 rgba(217, 178, 90, 0.55); }
  70% { box-shadow: 0 0 0 8px rgba(217, 178, 90, 0); }
  100% { box-shadow: 0 0 0 0 rgba(217, 178, 90, 0); }
}

@keyframes c01-orch-breathe {
  0%, 100% { opacity: 0.6; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.08); }
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
  .c01-orch__dot,
  .c01-orch__halo {
    animation: none;
  }
  .c01-orch__satellite,
  .c01-orch__satellite-avatar,
  .c01-orch__roster-row,
  .c01-orch__cta {
    transition: none;
  }
}

/* Açık tema (capture-light vb.) — okunurluk için gold/koyu korunur ama border yumuşar. */
html[data-theme='light'] .c01-orch {
  border-color: rgba(191, 150, 62, 0.4);
}

/* ============================================================
   T3 (cc-apex-mayka-t3) — eski CC header ayrı kutu göstermesin.
   Yalnız JS'in verdiği class'ı gizler; `.gtos-cc__header` DOM'dan
   silinmez, kilitli dosyaya (gtos-command-center.js) dokunulmadı.
   ============================================================ */
.c01-orch-header-hidden {
  display: none !important;
}

/* ============================================================
   APEX (cc-gtos-deck-v1) — MAYTRAS gold + navy (lacivert) sahnesi.
   Mor/cyan YOK — yalnız --orch-gold + --orch-navy. Dekor katmanları
   ölçülü: particle/grid/sheen soluk, içerikle yarışmaz.
   ============================================================ */

.c01-orch--apex {
  min-height: clamp(28rem, 62vh, 48rem);
  padding: clamp(1.1rem, 2.4vw, 2rem) clamp(0.85rem, 1.8vw, 1.7rem);
  isolation: isolate;
  background:
    radial-gradient(120% 85% at 50% 4%, rgba(217, 178, 90, 0.16) 0%, rgba(217, 178, 90, 0) 48%),
    radial-gradient(46% 52% at 50% 48%, rgba(30, 52, 92, 0.5) 0%, rgba(13, 31, 60, 0) 70%),
    radial-gradient(80% 120% at 50% 122%, rgba(13, 31, 60, 0.5) 0%, rgba(0, 0, 0, 0) 62%),
    radial-gradient(150% 130% at 50% 44%, rgba(4, 7, 13, 0) 44%, rgba(2, 4, 9, 0.82) 100%),
    linear-gradient(180deg, var(--orch-navy-2) 0%, var(--orch-navy) 42%, var(--orch-navy-deep) 100%);
  box-shadow:
    inset 0 0 160px 50px rgba(2, 4, 9, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 22px 60px -32px rgba(0, 0, 0, 0.85);
}

/* Mockup nebula / derin uzay dokusu (Variant I). */
.c01-orch--apex::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.9;
  background:
    radial-gradient(42% 38% at 12% 18%, rgba(56, 189, 248, 0.09) 0%, transparent 68%),
    radial-gradient(38% 42% at 88% 82%, rgba(217, 178, 90, 0.11) 0%, transparent 70%),
    radial-gradient(1px 1px at 20% 30%, rgba(255, 255, 255, 0.35) 0%, transparent 100%),
    radial-gradient(1px 1px at 72% 22%, rgba(255, 255, 255, 0.28) 0%, transparent 100%),
    radial-gradient(1px 1px at 44% 68%, rgba(255, 255, 255, 0.22) 0%, transparent 100%),
    radial-gradient(1px 1px at 91% 44%, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
}

/* Particle / glow katmanı (canvas) — Yasin halkası çevresinde ölçülü, soluk. */
.c01-orch__particles {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  opacity: 0.5;
}

/* İnce altın HUD grid — çok soluk, sahne ile yarışmaz. */
.c01-orch__grid-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.16;
  background-image:
    linear-gradient(rgba(217, 178, 90, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(217, 178, 90, 0.025) 1px, transparent 1px);
  background-size: 46px 46px, 46px 46px;
  -webkit-mask-image: radial-gradient(92% 92% at 50% 36%, var(--gtos-black) 0%, transparent 88%);
  mask-image: radial-gradient(92% 92% at 50% 36%, var(--gtos-black) 0%, transparent 88%);
}

.c01-orch--apex > .c01-orch__brand-locale,
.c01-orch--apex > .c01-orch__topbar,
.c01-orch--apex > .c01-orch__deck,
.c01-orch--apex > .c01-orch__commandbar,
.c01-orch--apex > .c01-orch__hint,
.c01-orch--apex > .c01-orch__story {
  position: relative;
  z-index: 1;
}

/* ---- STANDBY mini waveform ---- */
.c01-orch__wave {
  display: inline-flex;
  align-items: flex-end;
  gap: 2px;
  height: 0.85rem;
  margin-left: 0.15rem;
}

.c01-orch__wave-bar {
  width: 2px;
  height: 30%;
  border-radius: 2px;
  background: var(--orch-gold);
  transform-origin: bottom center;
  animation: c01-orch-wave 1.1s ease-in-out infinite;
  animation-delay: calc(var(--b) * 90ms);
}

@keyframes c01-orch-wave {
  0%, 100% { transform: scaleY(0.35); opacity: 0.55; }
  50% { transform: scaleY(1); opacity: 1; }
}

/* Merkeze dokununca pulse. */
.c01-orch__core.is-pulsing .c01-orch__avatar--core {
  animation: c01-orch-tap 0.6s ease-out;
}

@keyframes c01-orch-tap {
  0% { box-shadow: 0 0 0 0 rgba(217, 178, 90, 0.55), 0 14px 34px -14px rgba(0, 0, 0, 0.9); }
  60% { box-shadow: 0 0 0 16px rgba(217, 178, 90, 0), 0 14px 34px -14px rgba(0, 0, 0, 0.9); }
  100% { box-shadow: 0 0 0 4px rgba(217, 178, 90, 0.12), 0 14px 34px -14px rgba(0, 0, 0, 0.9); }
}

@media (prefers-reduced-motion: reduce) {
  .c01-orch__hud-pill--connected::before,
  .c01-orch__hud-pill--delayed::before {
    animation: none;
  }
}

/* ---- Alt hint / «Hikâyeyi gör» toggle ---- */
.c01-orch__hint {
  appearance: none;
  font: inherit;
  border: 1px solid rgba(217, 178, 90, 0.28);
  background: rgba(217, 178, 90, 0.06);
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.85rem;
  border-radius: 999px;
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--orch-muted);
  text-align: center;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.c01-orch__hint:hover,
.c01-orch__hint:focus-visible {
  background: rgba(217, 178, 90, 0.14);
  border-color: var(--orch-gold);
  color: var(--orch-ink);
  outline: none;
}

.c01-orch__hint-arrow {
  display: inline-block;
  color: var(--orch-gold);
  transition: transform 0.2s ease;
}

.c01-orch__hint.is-open .c01-orch__hint-arrow {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .c01-orch__hint-arrow {
    transition: none;
  }
}

/* ---- Kaydırmalı hikâye ---- */
.c01-orch__story {
  margin-top: clamp(1rem, 2.4vw, 2rem);
  padding-top: clamp(1rem, 2.4vw, 1.8rem);
  border-top: 1px solid rgba(217, 178, 90, 0.16);
}

.c01-orch__story-eyebrow {
  margin: 0 0 0.8rem;
  text-align: center;
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--orch-gold);
  font-weight: 700;
}

.c01-orch__story-vision {
  max-width: 46rem;
  margin: 0 auto 1rem;
  text-align: center;
  font-size: 0.92rem;
  line-height: 1.55;
  color: var(--orch-ink);
  opacity: 0.88;
}

.c01-orch__story-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.7rem, 1.6vw, 1.1rem);
}

.c01-orch__story-card {
  border: 1px solid rgba(217, 178, 90, 0.18);
  border-radius: 0.9rem;
  padding: 1rem 1.05rem 1.1rem;
  background: linear-gradient(180deg, rgba(217, 178, 90, 0.07), rgba(10, 22, 40, 0.35));
  backdrop-filter: blur(6px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.c01-orch__story-n {
  display: inline-block;
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  color: var(--orch-gold);
  opacity: 0.8;
}

.c01-orch__story-title {
  margin: 0.25rem 0 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--orch-ink);
}

.c01-orch__story-body {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.5;
  color: var(--orch-muted);
}

/* ---- Responsive: tablet — paneller daralır, güverte hâlâ 3 sütun ---- */
@media (max-width: 1180px) {
  .c01-orch--deck {
    --orch-side-max: 12.5rem;
    --orch-side-pref: min(15vw, var(--orch-side-max));
  }
  .c01-orch__ring {
    --orbit-r: clamp(8.5rem, 36cqmin, 14.5rem);
  }
}

@media (max-width: 900px) {
  .c01-orch__deck {
    grid-template-columns: 1fr;
    grid-template-areas:
      "main"
      "left";
  }
  .c01-orch__aside {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .c01-orch__aside--left .c01-orch__panel-block,
  .c01-orch__aside--right .c01-orch__panel-block {
    flex: 1 1 14rem;
  }
  .c01-orch__aside--right .c01-orch__roster {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.4rem;
    flex: 1 1 100%;
  }
  .c01-orch__aside--right .c01-orch__roster-row {
    flex: 1 1 9rem;
  }
  .c01-orch__ring {
    max-width: 22rem;
    --orbit-r: clamp(6rem, 22vw, 8.4rem);
  }
}

@media (max-width: 860px) {
  .c01-orch__story-grid { grid-template-columns: 1fr; }
}

/* ---- Küçük ekran (≤720px): tek sütun, doğal akış, sayfa scroll'una izin ---- */
@media (max-width: 720px) {
  .c01-orch__topbar {
    flex-direction: column;
  }
  .c01-orch__brand,
  .c01-orch__lead {
    max-width: none;
  }
  .c01-orch__hud {
    width: 100%;
    justify-content: space-between;
  }
  .c01-orch__aside {
    flex-direction: column;
  }
  .c01-orch__aside--right .c01-orch__roster {
    flex-direction: column;
  }
  .c01-orch__ring {
    max-width: 18rem;
    --orbit-r: clamp(5.2rem, 24vw, 6.8rem);
  }
  .c01-orch__satellite-name {
    display: none;
  }
  .c01-orch__satellite-mod {
    display: none;
  }
  .c01-orch__commandbar-row {
    flex-wrap: wrap;
  }
  .c01-orch__quickchips {
    flex-basis: 100%;
    justify-content: flex-start;
  }
  .c01-orch__cluster {
    display: none;
  }
}

/* Reduced-motion: waveform + apex halolar sabit. */
@media (prefers-reduced-motion: reduce) {
  .c01-orch__wave-bar { animation: none; transform: scaleY(0.6); }
  .c01-orch__core.is-pulsing .c01-orch__avatar--core { animation: none; }
}

/* ============================================================
   CC IMMERSIVE FIT (cc-immersive-fit-t1 → cc-gtos-deck-v1):
   1) "Sayfa içinde sayfa" yok — `.gtos-cc` (#gtos-command-center) kartının
      dış kutusu (margin/padding/border/bg/radius) orchestra aktifken kalkar;
      sahne doğrudan CC içeriğine yayılır (full-bleed, tek katman).
   2) İlk açılışta scroll yok — topbar + halka + paneller + komuta çubuğu
      masaüstü/tablette `100dvh` (toolbar payı düşülmüş) içine sığar;
      «Hikâye» varsayılan KAPALI, ilk ekranda yükseklik almaz.
   Yalnız JS'in eklediği aktif class'lar (`#gtos-command-center.gtos-cc--
   orchestra-immersive` + `.c01-orch--immersive`) üzerinden çalışır. Bu class
   `.gtos-cc`'ye eklenir — `#module-workspace-root` (CC-MODULE-SHELL-UX-LOCK
   "oval kabuk") ayrı, kilitli, dokunulmadı; CC-SIDEBAR-UX-LOCK dosyalarına
   da dokunulmadı — toolbar/sidebar davranışı değişmedi.
   ============================================================ */

#gtos-command-center.gtos-cc--orchestra-immersive {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: visible;
}

#gtos-command-center-host:has(#gtos-command-center.gtos-cc--orchestra-immersive) {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

#gtos-command-center.gtos-cc--orchestra-immersive.gtos-cc--d2030::before {
  border-radius: 0;
}

.c01-orch--immersive {
  width: 100%;
  margin: 0;
  border-radius: 0;
  scroll-margin-top: 4.5rem;
}

@media (min-width: 861px) {
  .c01-orch--immersive.c01-orch--apex {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    border-radius: 0;
  }
}

/* ---- İlk açılışta scroll yok (masaüstü/tablet ≥721px) ---- */
:root {
  /* sticky main-header + CC toolbar + iç boşluk (100dvh tek başına kullanılmaz). */
  --orch-cc-fit-chrome: clamp(210px, 26vh, 288px);
}

@media (min-width: 721px) {
  .c01-orch--immersive.c01-orch--apex {
    flex: 1 1 auto;
    min-height: calc(100dvh - var(--orch-cc-fit-chrome));
    height: auto;
    max-height: none;
    display: grid;
    grid-template-rows: auto minmax(clamp(22rem, 54vh, 36rem), 1fr) auto auto;
    align-content: start;
    justify-content: stretch;
    overflow: visible;
    padding-top: clamp(0.55rem, 1.2vw, 0.85rem);
    padding-bottom: clamp(0.45rem, 1vw, 0.7rem);
    gap: clamp(0.4rem, 0.95vw, 0.6rem);
  }

  .c01-orch--immersive .c01-orch__lead {
    display: none;
  }

  .c01-orch--immersive .c01-orch__brand-locale,
  .c01-orch--immersive .c01-orch__topbar {
    flex-shrink: 0;
  }

  .c01-orch--immersive .c01-orch__deck {
    flex: none;
    min-height: clamp(22rem, 54vh, 38rem);
    overflow: visible;
    align-self: stretch;
  }

  .c01-orch--immersive .c01-orch__aside {
    overflow: hidden;
    max-height: 100%;
    padding: clamp(0.65rem, 1vw, 0.95rem);
    padding-right: 0.15rem;
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: clamp(0.45rem, 0.75vw, 0.65rem);
  }

  .c01-orch--immersive .c01-orch__aside--left .c01-orch__workflow {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    padding-right: 0.15rem;
  }

  .c01-orch--immersive .c01-orch__aside--left .c01-orch__taskmode-host {
    flex: 0 0 auto;
  }

  .c01-orch--immersive .c01-orch__aside--left .c01-orch__reasoning-panel {
    flex: 0 1 auto;
    max-height: min(9.5rem, 22vh);
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  .c01-orch--immersive .c01-orch__aside--right .c01-orch__panel-head,
  .c01-orch--immersive .c01-orch__aside--right .c01-orch__ai-status,
  .c01-orch--immersive .c01-orch__aside--right .c01-orch__conversations,
  .c01-orch--immersive .c01-orch__aside--right .c01-orch__avatar-strip {
    flex-shrink: 0;
  }

  /* Sağ panel: avatar strip yeterli — uzun roster immersive’de gizli (taşma önleme). */
  .c01-orch--immersive .c01-orch__roster--compact {
    display: none;
  }

  .c01-orch--immersive .c01-orch__aside--right .c01-orch__panel-block:has(.c01-orch__active-agent) {
    display: none;
  }

  .c01-orch--immersive .c01-orch__commandbar {
    flex-shrink: 0;
    margin-top: 0;
    padding-top: clamp(0.45rem, 0.9vw, 0.65rem);
    z-index: 4;
    background: linear-gradient(180deg, rgba(5, 9, 15, 0) 0%, rgba(5, 9, 15, 0.72) 38%);
  }

  .c01-orch--immersive .c01-orch__hint {
    flex-shrink: 0;
    margin-top: 0;
    padding: 0.2rem 0;
  }

  .c01-orch--immersive .c01-orch__main-core {
    min-height: clamp(22rem, 54vh, 38rem);
  }

  .c01-orch--immersive .c01-orch__ring {
    width: min(100%, clamp(32rem, min(66vmin, 100cqh), 58rem));
    max-width: min(100%, clamp(32rem, min(66vmin, 100cqh), 58rem));
    max-height: none;
    aspect-ratio: unset;
    min-height: clamp(20rem, 50cqh, 36rem);
    padding-bottom: clamp(1.5rem, 4cqh, 2.5rem);
    --orbit-r: clamp(13.5rem, 49cqmin, 24rem);
    --orbit-center-shift: -0.5rem;
  }

  .c01-orch--immersive .c01-orch__ring > .c01-orch__main-caption {
    top: calc(50% + clamp(3.5rem, 5.6vw, 5rem));
  }
}

/* ---- «Hikâye» — varsayılan KAPALI (lazy/collapse); yalnız «Hikâyeyi gör»
   butonuna tıklanınca veya kullanıcı bilinçli scroll ile açar. Kapalıyken
   ilk viewport'ta hiç yükseklik almaz (display:none, layout'a girmez). ---- */
.c01-orch--immersive .c01-orch__story {
  display: none;
}

.c01-orch--immersive .c01-orch__story.is-open {
  display: block;
  margin-top: clamp(1rem, 2.4vw, 2rem);
}

@media (max-width: 720px) {
  /* Mobilde doğal sayfa scroll'una izin ver (masaüstü/tablet "ilk ekran"
     garantisi içindi). */
  .c01-orch--immersive.c01-orch--apex {
    height: auto;
    max-height: none;
    min-height: calc(100dvh - var(--orch-cc-fit-chrome));
  }
  .c01-orch--immersive .c01-orch__lead {
    display: block;
  }
  .c01-orch--immersive .c01-orch__aside {
    overflow: visible;
    max-height: none;
  }
}

/* ============================================================
   HOLOGRAFİK KATMAN (soluk, ölçülü) — 2030-2040 vizyon dokunuşu.
   MAYTRAS gold + navy (lacivert); mor/cyan YOK. Edge-to-edge bleed
   (yalnız kendi CSS'imiz — kilitli dosyaya dokunulmadı, `--gtos-space-4`
   token'ı okunur).
   ============================================================ */
@media (min-width: 861px) {
  .c01-orch--apex {
    margin-left: calc(-1 * var(--gtos-space-4, 1rem));
    margin-right: calc(-1 * var(--gtos-space-4, 1rem));
    width: calc(100% + (2 * var(--gtos-space-4, 1rem)));
    border-radius: 1.5rem;
  }
}

/* Holographic sheen — diyagonal ışık süpürmesi, çok soluk (dekor içerikle
   yarışmasın). Parallax: bindParallax() ile hafif translate3d (pointermove);
   reduced-motion veya dokunmatikte sabit kalır. */
.c01-orch__sheen {
  position: absolute;
  inset: -12% -12%;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    115deg,
    transparent 30%,
    rgba(217, 178, 90, 0.06) 45%,
    rgba(244, 236, 216, 0.09) 50%,
    rgba(120, 160, 220, 0.05) 55%,
    transparent 70%
  );
  background-size: 240% 240%;
  mix-blend-mode: screen;
  opacity: 0.22;
  animation: c01-orch-sheen 14s ease-in-out infinite;
  transition: transform 0.4s ease-out;
  will-change: transform, background-position;
}

@keyframes c01-orch-sheen {
  0% { background-position: 0% 10%; }
  50% { background-position: 100% 70%; }
  100% { background-position: 0% 10%; }
}

/* Yavaş parallax grid — JS translate3d üstüne biner; kendi başına da hafif
   nefes alır (drift), performant (tek background-position keyframe). */
.c01-orch__grid-bg {
  transition: transform 0.4s ease-out;
  animation: c01-orch-grid-drift 52s linear infinite;
  will-change: transform;
}

@keyframes c01-orch-grid-drift {
  0% { background-position: 0 0, 0 0; }
  100% { background-position: 92px 46px, 92px 46px; }
}

/* Reduced-motion: yeni katmanların tümü sabitlenir. */
@media (prefers-reduced-motion: reduce) {
  .c01-orch__sheen { animation: none; background-position: 30% 30%; opacity: 0.14; }
  .c01-orch__grid-bg { animation: none; }
}

/* ============================================================
   FAZ 2 — Görsel olgunluk: hub → uzman altın "spoke" bağlantı çizgileri,
   panel girişi geçişi, çekirdek halo. Sahte veri/ilerleme yok.
   FAZ 3 — Departman grupları + zengin tooltip (flytip).
   FAZ 5 — «Orkestratör planı» chip'i.
   Patron sürüm doğrulama rozeti — yalnız ?admin=1/?ops=1 (bkz. JS
   `buildBadgeHtml`), DevTools gerektirmeden canlı deploy kontrolü.
   Cache / sürüm: cc-v1.0.24 (hub tek yığın + kümeler rest'te gizli +
   geniş yörünge geometrisi + avatar restore)
   ============================================================ */

.c01-orch__build-badge {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.05rem 0.4rem;
  border-radius: 999px;
  border: 1px solid rgba(212, 175, 55, 0.45);
  background: rgba(212, 175, 55, 0.1);
  color: var(--orch-gold);
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: none;
  vertical-align: middle;
}

/* ---- Faz 2 · spoke çizgileri (SVG yerine ölçekli CSS calc) ---- */
.c01-orch--variant-h .c01-orch__spoke {
  top: calc(50% + var(--orbit-center-shift, 0));
}

.c01-orch__spokes {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
.c01-orch__spoke {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  width: var(--orbit-r, 10rem);
  transform-origin: 0 50%;
  --orbit-angle: calc(var(--orbit-i) * (360deg / 11) - 90deg);
  transform: rotate(var(--orbit-angle));
  background: linear-gradient(
    90deg,
    rgba(217, 178, 90, 0) 0%,
    rgba(217, 178, 90, 0.28) 62%,
    rgba(217, 178, 90, 0.42) 100%
  );
  opacity: 0.48;
  transition: opacity 0.18s ease, background 0.18s ease;
}
/* Odak modunda: aktif spoke belirir, diğerleri soluklaşır. */
.c01-orch__ring--focus .c01-orch__spoke { opacity: 0.14; }
.c01-orch__ring--focus .c01-orch__spoke.is-active {
  opacity: 0.9;
  background: linear-gradient(
    90deg,
    rgba(127, 214, 255, 0) 0%,
    var(--orch-cyan-soft, rgba(127, 214, 255, 0.14)) 55%,
    var(--orch-cyan-line, rgba(127, 214, 255, 0.55)) 100%
  );
}

/* ---- Faz 2 · panel girişi (yumuşak fade/slide, ilk kurulumda bir kez) ---- */
.c01-orch__aside {
  animation: c01-orch-panel-in 0.42s ease both;
}
.c01-orch__aside--right { animation-delay: 0.06s; }
@keyframes c01-orch-panel-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ---- Faz 3 · departman grupları (sağ panel roster) ---- */
.c01-orch__roster--grouped {
  gap: 0.5rem;
}
.c01-orch__roster-group {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}
.c01-orch__roster-group-label {
  margin: 0.25rem 0 0.1rem;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--orch-gold);
  opacity: 0.82;
}

/* ---- Faz 3 · zengin tooltip (flytip) — locked sidebar flytip DEĞİL ---- */
.c01-orch__flytip {
  position: absolute;
  z-index: 20;
  max-width: 15rem;
  padding: 0.5rem 0.62rem;
  border-radius: 0.6rem;
  border: 1px solid rgba(217, 178, 90, 0.3);
  background: rgba(9, 16, 30, 0.96);
  box-shadow: 0 14px 34px -16px rgba(0, 0, 0, 0.9);
  color: var(--orch-ink);
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity 0.16s ease, transform 0.16s ease;
}
.c01-orch__flytip.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.c01-orch__flytip-name {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  font-weight: 700;
}
.c01-orch__flytip-mod {
  font-size: 0.56rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--orch-gold);
  background: rgba(217, 178, 90, 0.12);
  border: 1px solid rgba(217, 178, 90, 0.32);
  border-radius: 0.35rem;
  padding: 0.02rem 0.3rem;
}
.c01-orch__flytip-role {
  display: block;
  margin-top: 0.14rem;
  font-size: 0.66rem;
  color: var(--orch-muted, #b9c2d4);
}
.c01-orch__flytip-caps {
  margin: 0.35rem 0 0;
  padding: 0 0 0 0.9rem;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.c01-orch__flytip-caps li {
  font-size: 0.64rem;
  color: var(--orch-ink);
  opacity: 0.9;
}

/* ---- Faz 5 · «Orkestratör planı» chip'i (dry-run tetikleyici) ---- */
.c01-orch__chip--plan {
  border-color: rgba(217, 178, 90, 0.45);
  background: rgba(217, 178, 90, 0.1);
  color: var(--orch-gold);
  font-weight: 700;
}
.c01-orch__chip--plan:hover,
.c01-orch__chip--plan:focus-visible {
  border-color: var(--orch-gold);
  background: rgba(217, 178, 90, 0.18);
}

@media (prefers-reduced-motion: reduce) {
  .c01-orch__spoke { transition: none; }
  .c01-orch__aside { animation: none; }
  .c01-orch__flytip { transition: opacity 0.16s ease; transform: none; }
  .c01-orch__flytip.is-visible { transform: none; }
}

/* Mobil: spoke çizgileri gizlenir (sadeleştirme — Faz 2 mobil kuralı). */
@media (max-width: 720px) {
  .c01-orch__spokes { display: none; }
  .c01-orch__flytip { display: none; }
}

/* ============================================================
   cc-v1.0.24 · neural-arc-no-ellipse — büyük soluk çember/hilal panel
   arkasında görünmesin; ajanlar + sinir yayı etiketleri aynı.
   ============================================================ */
.c01-orch__ring::before,
.c01-orch__ring::after {
  content: none !important;
  display: none !important;
}

.c01-orch--variant-h .c01-orch__ring::before {
  display: none !important;
  opacity: 0 !important;
}

.c01-orch__crescent {
  display: none !important;
}

.c01-orch--deck .c01-orch__ring::before,
.c01-orch--immersive .c01-orch__ring::before {
  display: none !important;
}

/* ============================================================
   cc-v1.0.24 · neural-arc-no-right-panel — sağ panel (EKİP / AI DURUMU /
   ACTIVE CONVERSATIONS) işlevsel değil; sol Live Workflow kalır.
   ============================================================ */
.c01-orch__aside--right {
  display: none !important;
}

.c01-orch--deck .c01-orch__ring {
  width: min(100%, clamp(32rem, min(78vmin, 100cqmin), 64rem));
  max-width: min(100%, clamp(32rem, min(78vmin, 100cqmin), 64rem));
}

/* --- EXEC: equal-weight semi-circle orbit (override organic offsets) --- */
.c01-orch--exec .c01-orch__satellite {
  --orbit-r-scale: 1 !important;
  --orbit-y: 0rem !important;
}

/* ============================================================
   EXECUTIVE WORKSPACE v1 -- cc-maios-executive-workspace-v1
   8px spacing scale, 3 elevation levels, reduced glow.
   ============================================================ */
.c01-orch--exec {
  --orch-sp-2: 8px;
  --orch-sp-3: 16px;
  --orch-elev-1: 0 1px 2px rgba(0,0,0,0.18);
  --orch-elev-2: 0 4px 12px -2px rgba(0,0,0,0.28);
  --orch-elev-3: 0 8px 32px -4px rgba(0,0,0,0.42);
  gap: var(--gtos-space-2);
  padding: var(--gtos-space-2) var(--gtos-space-4);
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: calc(100vh - 56px);
}

.c01-orch__brandbar--exec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gtos-space-4);
  padding: var(--gtos-space-2) 0;
  border-bottom: 1px solid rgba(217,178,90,0.12);
  min-height: 40px;
}
.c01-orch__brandbar-left {
  display: flex; align-items: center; gap: var(--gtos-space-2);
  font-family: "Georgia","Times New Roman",serif;
}
.c01-orch__brandbar--exec .c01-orch__wordmark-main {
  font-size: 0.82rem; font-weight: 700; color: var(--orch-gold); letter-spacing: 0.08em;
}
.c01-orch__brandbar-sep { color: rgba(217,178,90,0.4); font-size: 0.7rem; }
.c01-orch__brandbar-ws { font-size: 0.72rem; font-weight: 600; color: var(--orch-ink); }
.c01-orch__brandbar-center { display: flex; align-items: center; gap: var(--gtos-space-4); }
.c01-orch__health-pill {
  display: inline-flex; align-items: center; gap: var(--gtos-space-1);
  padding: 2px 10px; border-radius: 999px;
  font-size: 0.62rem; font-weight: 600;
  background: rgba(74,222,128,0.12); color: rgba(74,222,128,0.92);
  border: 1px solid rgba(74,222,128,0.2);
}
.c01-orch__health-pill::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%; background: rgba(74,222,128,0.85);
}
.c01-orch__brandbar--exec .c01-orch__brand-datetime {
  font-family: ui-monospace,Menlo,Consolas,monospace; font-size: 0.62rem; color: var(--orch-muted);
}
.c01-orch__brandbar-right { display: flex; align-items: center; gap: var(--gtos-space-2); }
.c01-orch__search-trigger {
  appearance: none; border: 1px solid rgba(217,178,90,0.18); border-radius: 8px;
  background: rgba(9,18,34,0.5); color: var(--orch-muted); padding: 6px 10px;
  cursor: pointer; font-size: 0.72rem; transition: border-color 0.2s ease;
}
.c01-orch__search-trigger:hover { border-color: var(--orch-gold); }
.c01-orch__profile-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: var(--gtos-space-1) var(--gtos-space-3) var(--gtos-space-1) 10px; border-radius: 999px;
  border: 1px solid rgba(217,178,90,0.16); background: rgba(9,18,34,0.5);
}
.c01-orch__profile-chip-name { font-size: 0.68rem; font-weight: 600; color: var(--orch-ink); }
.c01-orch__profile-chip-dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(74,222,128,0.7); }

/* Domain bar */
.c01-orch__domain-bar {
  display: flex; align-items: center; justify-content: center; gap: var(--gtos-space-2); padding: var(--gtos-space-2) 0;
}
.c01-orch__domain-bar .c01-orch__suite-node {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px;
  border-radius: 8px; border: 1px solid rgba(217,178,90,0.14);
  background: rgba(9,18,34,0.45); font-size: 0.72rem; font-weight: 600;
  color: var(--orch-ink); cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.c01-orch__domain-bar .c01-orch__suite-node:hover { border-color: rgba(217,178,90,0.35); }
.c01-orch__domain-bar .c01-orch__suite-node.is-active {
  border-color: var(--orch-gold); background: rgba(217,178,90,0.1);
}
.c01-orch__module-band--exec {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; padding: 0 0 var(--gtos-space-2);
}
.c01-orch__module-band--exec .c01-orch__module-chip {
  padding: var(--gtos-space-1) 10px; border-radius: var(--gtos-radius-sm); border: 1px solid rgba(217,178,90,0.12);
  background: rgba(9,18,34,0.4); font-size: 0.62rem; font-weight: 600;
  color: var(--orch-ink); cursor: pointer;
}

/* Satellite hover expand */
.c01-orch--exec .c01-orch__satellite {
  transition: transform 0.35s cubic-bezier(0.4,0,0.2,1), opacity 0.3s ease;
}
.c01-orch--exec .c01-orch__satellite:hover,
.c01-orch--exec .c01-orch__satellite:focus-visible {
  transform: translate(-50%, -50%) scale(1.12); z-index: 10;
}
.c01-orch--exec .c01-orch__satellite:hover .c01-orch__satellite-info {
  opacity: 1; max-height: 120px; padding-top: var(--gtos-space-1);
}
.c01-orch--exec .c01-orch__satellite-info {
  opacity: 0; max-height: 0; overflow: hidden;
  transition: opacity 0.3s ease, max-height 0.3s ease;
}
.c01-orch--exec .c01-orch__satellite.is-active .c01-orch__satellite-info,
.c01-orch--exec .c01-orch__satellite.is-pinned .c01-orch__satellite-info {
  opacity: 1; max-height: 120px; padding-top: var(--gtos-space-1);
}
/* Equal-weight orbit (override organic) */
.c01-orch--exec .c01-orch__satellite { --orbit-r-scale: 1 !important; --orbit-y: 0rem !important; }

/* Reduced glow */
.c01-orch--exec .c01-orch__halo { box-shadow: 0 0 24px 4px rgba(217,178,90,0.12); animation: none; }
.c01-orch--exec .c01-orch__core:hover .c01-orch__halo { box-shadow: 0 0 32px 8px rgba(217,178,90,0.18); }

/* Spokes — connection lines 1px gold at 8% opacity */
.c01-orch__spokes { position: absolute; inset: 0; pointer-events: none; }
.c01-orch__spoke {
  position: absolute; top: 36%; left: 50%; width: 1px; height: 28%;
  background: rgba(217,178,90,0.08); transform-origin: top center;
  transform: rotate(calc(var(--orbit-i) * (360deg / 11) - 90deg));
  opacity: 0.7; transition: opacity 0.3s ease;
}
.c01-orch__spoke.is-active { opacity: 1; background: rgba(217,178,90,0.2); }

/* Command bar exec — taller, richer (Operator-like) */
.c01-orch__commandbar--exec {
  border-top: 1px solid rgba(217,178,90,0.1);
  padding: var(--gtos-space-4) 0 var(--gtos-space-2);
}
.c01-orch__cmd-row {
  display: flex; align-items: center; gap: var(--gtos-space-2); padding: var(--gtos-space-2) 0 0;
  flex-wrap: wrap;
}
.c01-orch__agent-select {
  appearance: none; border: 1px solid rgba(217,178,90,0.18); border-radius: 8px;
  background: rgba(9,18,34,0.5); color: var(--orch-ink); padding: var(--gtos-space-1) var(--gtos-space-5) var(--gtos-space-1) 10px;
  font-size: 0.68rem; font-weight: 600; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23d9b25a'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 8px center;
}
.c01-orch__exec-pill,
.c01-orch__ctx-pill {
  display: inline-flex; align-items: center; padding: 3px 10px;
  border-radius: var(--gtos-radius-sm); border: 1px solid rgba(217,178,90,0.14);
  background: rgba(9,18,34,0.45); font-size: 0.62rem; font-weight: 600;
  color: var(--orch-muted);
}
.c01-orch__recent-prompts {
  padding: 6px 0 0; font-size: 0.62rem; color: var(--orch-muted);
}
.c01-orch__recent-empty { font-style: italic; opacity: 0.6; }

/* Workspace canvas overlay — specialist workspace mode */
.c01-orch__workspace-canvas {
  position: absolute; inset: 56px 16px 80px 16px;
  background: rgba(9,18,34,0.94);
  border: 1px solid rgba(217,178,90,0.16);
  border-radius: 16px;
  box-shadow: var(--orch-elev-3, 0 8px 32px -4px rgba(0,0,0,0.42));
  z-index: 50;
  display: flex; flex-direction: column;
  overflow: hidden;
  opacity: 0; transform: translateY(8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.c01-orch__workspace-canvas:not([hidden]) {
  opacity: 1; transform: translateY(0);
}
.c01-orch__workspace-canvas[hidden] {
  display: none;
}
.c01-orch__wc-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: var(--gtos-space-3) var(--gtos-space-4); border-bottom: 1px solid rgba(217,178,90,0.1);
}
.c01-orch__wc-title {
  font-size: 0.78rem; font-weight: 700; color: var(--orch-gold);
}
.c01-orch__wc-close {
  appearance: none; border: none; background: transparent;
  color: var(--orch-muted); font-size: 1.2rem; cursor: pointer;
  padding: var(--gtos-space-1) var(--gtos-space-2); border-radius: var(--gtos-radius-sm);
  transition: background 0.2s ease;
}
.c01-orch__wc-close:hover { background: rgba(217,178,90,0.1); }
.c01-orch__wc-body {
  flex: 1; overflow-y: auto; padding: var(--gtos-space-4);
  display: grid; grid-template-columns: 1fr 1fr;
  gap: var(--gtos-space-3);
}
.c01-orch__wc-section {
  padding: var(--gtos-space-3); border-radius: var(--gtos-radius-md);
  border: 1px solid rgba(217,178,90,0.08);
  background: rgba(217,178,90,0.03);
}
.c01-orch__wc-section h4 {
  margin: 0 0 6px; font-size: 0.66rem; font-weight: 700;
  color: var(--orch-gold); text-transform: uppercase; letter-spacing: 0.04em;
}
.c01-orch__wc-placeholder {
  margin: 0; font-size: 0.68rem; color: var(--orch-muted); line-height: 1.5;
}
.c01-orch--wc-open .c01-orch__ring { opacity: 0.15; pointer-events: none; }

/* Hide unused panels (legacy exec — left panel must remain visible) */
.c01-orch--exec .c01-orch__particles { opacity: 0.3; }
.c01-orch--exec .c01-orch__grid-bg { opacity: 0.15; }

@media (prefers-reduced-motion: reduce) {
  .c01-orch--exec * { transition-duration: 0.01ms !important; }
}

/* ============================================================
   cc-v1.0.30 · hilal-star — mockup gold ribbon + Yasin star flare
   BUILD: cc-v1.0.30
   ============================================================ */
.c01-orch--hilal-star.c01-orch--variant-h .c01-orch__satellite {
  --sat-halo-d-idle: clamp(4.85rem, 6.2vw, 5.85rem);
  --sat-halo-d-focus: clamp(11rem, 21vw, 16.5rem);
  width: clamp(3.85rem, 5.1vw, 4.95rem);
  min-width: clamp(3.85rem, 5.1vw, 4.95rem);
  min-height: clamp(3.85rem, 5.1vw, 4.95rem);
}

.c01-orch--hilal-star .c01-orch__neural,
.c01-orch--hilal-star .c01-orch__spokes,
.c01-orch--hilal-star .c01-orch__domain-bar,
.c01-orch--hilal-star .c01-orch__module-band,
.c01-orch--hilal-star .c01-orch__workspace-canvas {
  display: none !important;
}

.c01-orch--hilal-star.c01-orch--viewport-layout .c01-orch__ring {
  width: 100%;
  max-width: none;
  max-height: none;
  aspect-ratio: unset;
  flex: 1 1 auto;
  min-height: clamp(20rem, min(58vh, 100cqh), 42rem);
  margin-inline: 0;
  --orch-core-left: 52%;
  --orch-core-top: 50%;
}

.c01-orch--hilal-star.c01-orch--immersive .c01-orch__deck {
  min-height: clamp(22rem, min(58vh, 100cqh), 42rem);
}

.c01-orch--hilal-star.c01-orch--immersive .c01-orch__main-core {
  min-height: clamp(22rem, min(58vh, 100cqh), 42rem);
}

.c01-orch--hilal-star .c01-orch__hilal-guide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: visible;
}

.c01-orch--scatter-layout .c01-orch__hilal-guide,
.c01-orch--scatter-layout [data-orch-hilal-ribbon],
.c01-orch--scatter-layout [data-orch-hilal-orbit-bg],
.c01-orch--scatter-layout [data-orch-hilal-path] {
  display: none !important;
  visibility: hidden;
  pointer-events: none;
}

.c01-orch--scatter-layout .c01-orch__scatter-hub {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
  overflow: visible;
}

.c01-orch--scatter-layout .c01-orch__scatter-hub-line {
  stroke: rgba(217, 178, 90, 0.15);
  stroke-width: 1;
  stroke-linecap: round;
}

.c01-orch--scatter-layout .c01-orch__scatter-hub-origin {
  fill: rgba(217, 178, 90, 0.14);
}

.c01-orch--scatter-layout .c01-orch__scatter-hub-node {
  fill: rgba(217, 178, 90, 0.17);
}

.c01-orch--scatter-layout .c01-orch__satellite-orbit-wrap,
.c01-orch--scatter-layout .c01-orch__cluster {
  display: none !important;
}

/* Scatter hover: kompakt tıklanabilir rail (v1.0.36'da cluster kapatılınca kaybolan affordance). */
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite {
  transform-origin: center center;
}

.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite:hover,
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite.is-active,
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite.is-pinned {
  z-index: 32;
}

.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite .c01-orch__focus-rail {
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  min-width: clamp(6.75rem, 10vw, 9.5rem);
  max-width: min(11rem, 28vw);
}

.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite.is-active .c01-orch__focus-rail,
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite.is-pinned .c01-orch__focus-rail,
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite:hover .c01-orch__focus-rail,
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite:focus-visible .c01-orch__focus-rail {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.c01-orch__satellite-actions {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-bottom: 0.28rem;
  padding-bottom: 0.22rem;
  border-bottom: 1px solid rgba(217, 178, 90, 0.22);
}

.c01-orch__satellite-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.32rem 0.5rem;
  border-radius: 0.5rem;
  font-size: clamp(0.54rem, 0.72vw, 0.62rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(255, 248, 235, 0.96);
  background: rgba(8, 22, 38, 0.94);
  border: 1px solid rgba(217, 178, 90, 0.42);
  box-shadow: 0 8px 20px -12px rgba(0, 0, 0, 0.85);
  cursor: pointer;
  font-family: inherit;
  pointer-events: auto;
}

.c01-orch__satellite-action:hover,
.c01-orch__satellite-action:focus-visible {
  border-color: rgba(127, 214, 255, 0.55);
  background: rgba(12, 32, 52, 0.96);
}

.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__ring--focus .c01-orch__satellite:not(.is-active):not(:hover):not(.is-pinned) {
  opacity: 0.42;
}

.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite-info {
  max-width: min(11.5rem, 24vw);
  top: calc(50% + var(--sat-hub-dy) + var(--sat-halo-d) * 0.5 + 0.52rem);
}

.c01-orch--scatter-layout .c01-orch__satellite-name,
.c01-orch--scatter-layout .c01-orch__satellite-role {
  max-width: none;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
  word-break: normal;
}

.c01-orch--scatter-layout .c01-orch__satellite-mod {
  max-width: none;
  white-space: normal;
}

.c01-orch--hilal-star .c01-orch__hilal-orbit-bg circle {
  stroke: rgba(217, 178, 90, 0.07);
  stroke-width: 0.65;
  stroke-opacity: 0.55;
}

.c01-orch--hilal-star .c01-orch__hilal-ribbon path {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

.c01-orch--hilal-star [data-orch-hilal-ribbon-outer-glow] {
  stroke: rgba(244, 220, 160, 0.55);
  stroke-width: 4.2;
  stroke-opacity: 0.22;
  filter: url(#orch-hilal-ribbon-glow);
}

.c01-orch--hilal-star [data-orch-hilal-ribbon-outer] {
  stroke: rgba(232, 198, 120, 0.92);
  stroke-width: 1.35;
  stroke-opacity: 0.72;
  filter: url(#orch-hilal-ribbon-glow);
}

.c01-orch--hilal-star [data-orch-hilal-ribbon-inner] {
  stroke: rgba(217, 178, 90, 0.88);
  stroke-width: 1.05;
  stroke-opacity: 0.58;
}

.c01-orch--hilal-star [data-orch-hilal-ribbon-horn-a],
.c01-orch--hilal-star [data-orch-hilal-ribbon-horn-b] {
  stroke: rgba(217, 178, 90, 0.75);
  stroke-width: 1.05;
  stroke-opacity: 0.48;
}

.c01-orch--hilal-star [data-orch-hilal-ribbon-east] {
  stroke: rgba(232, 198, 120, 0.85);
  stroke-width: 1.1;
  stroke-opacity: 0.42;
}

.c01-orch--hilal-star.c01-orch--viewport-layout .c01-orch__satellite {
  z-index: 3;
}

.c01-orch--hilal-star .c01-orch__core-star-flare {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 6;
}

.c01-orch--hilal-star .c01-orch__core-star-flare-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(1.05rem, 1.65vw, 1.45rem);
  height: clamp(1.05rem, 1.65vw, 1.45rem);
  overflow: visible;
  transform: translate(-50%, -50%) rotate(60deg)
    translateY(calc(-1 * clamp(5.45rem, 8.35vw, 7.25rem)));
  transform-origin: center center;
  animation: c01-orch-core-star-twinkle 4.2s ease-in-out infinite;
}

.c01-orch--hilal-star .c01-orch__core-star-flare-rays {
  fill: none;
  stroke: rgba(255, 248, 230, 0.95);
  stroke-width: 1.35;
  stroke-linecap: round;
  filter: drop-shadow(0 0 4px rgba(244, 220, 160, 0.85));
}

.c01-orch--hilal-star .c01-orch__core-star-flare-core {
  fill: rgba(255, 252, 245, 0.98);
  filter: drop-shadow(0 0 6px rgba(232, 198, 120, 0.9));
}

@keyframes c01-orch-core-star-twinkle {
  0%, 100% { opacity: 0.82; transform: translate(-50%, -50%) rotate(60deg) translateY(calc(-1 * clamp(5.45rem, 8.35vw, 7.25rem))) scale(1); }
  50% { opacity: 1; transform: translate(-50%, -50%) rotate(60deg) translateY(calc(-1 * clamp(5.45rem, 8.35vw, 7.25rem))) scale(1.08); }
}

@media (prefers-reduced-motion: reduce) {
  .c01-orch--hilal-star .c01-orch__core-star-flare-svg {
    animation: none;
  }
}

.c01-orch--hilal-star.c01-orch--viewport-layout .c01-orch__core::before {
  border-color: rgba(217, 178, 90, 0.48);
  box-shadow:
    inset 0 0 28px rgba(217, 178, 90, 0.12),
    0 0 18px rgba(217, 178, 90, 0.14);
}

.c01-orch--hilal-star.c01-orch--viewport-layout .c01-orch__core::after {
  border-color: rgba(232, 198, 120, 0.38);
  box-shadow: 0 0 22px rgba(217, 178, 90, 0.1);
}

.c01-orch--hilal-star.c01-orch--viewport-layout .c01-orch__core {
  inset: auto;
  left: var(--orch-core-left, 52%);
  top: var(--orch-core-top, 50%);
  margin: 0;
  transform: translate(-50%, -50%);
  width: clamp(7rem, 11.4vw, 10.4rem);
  height: clamp(7rem, 11.4vw, 10.4rem);
}

.c01-orch--hilal-star.c01-orch--viewport-layout .c01-orch__satellite {
  left: var(--sat-left, 50%);
  top: var(--sat-top, 50%);
  transform: translate(-50%, -50%) scale(var(--orbit-node-scale, 1));
}

.c01-orch--hilal-star.c01-orch--viewport-layout.c01-orch--variant-h .c01-orch__satellite {
  transform: translate(-50%, -50%) scale(var(--orbit-node-scale, 1));
}

.c01-orch--hilal-star .c01-orch__ring > .c01-orch__main-caption {
  position: absolute;
  left: var(--orch-core-left, 52%);
  top: calc(var(--orch-core-top, 50%) + clamp(3.85rem, 6.1vw, 5.15rem));
  transform: translate(-50%, 0);
  width: max-content;
  max-width: min(16rem, 42vw);
  text-align: center;
  z-index: 5;
}

.c01-orch--hilal-star .c01-orch__particles {
  opacity: 0.35;
}

.c01-orch--hilal-star .c01-orch__grid-bg {
  opacity: 0.12;
}

.c01-orch--hilal-star .c01-orch__aside--right {
  display: none !important;
}

.c01-orch--hilal-star.c01-orch--deck:not(.c01-orch--viewport-layout) .c01-orch__ring {
  width: min(100%, clamp(32rem, min(78vmin, 100cqmin), 64rem));
  max-width: min(100%, clamp(32rem, min(78vmin, 100cqmin), 64rem));
}

@media (min-width: 721px) {
  .c01-orch--hilal-star.c01-orch--viewport-layout .c01-orch__ring {
    width: 100%;
    max-width: none;
  }
}

/* —— Mobile parity S10: kompakt orchestra + workflow önce —— */
@media (max-width: 720px) {
  .c01-orch--deck .c01-orch__ring,
  .c01-orch--hilal-star.c01-orch--deck:not(.c01-orch--viewport-layout) .c01-orch__ring {
    width: min(100%, 19rem);
    max-width: 100%;
    min-height: unset;
    aspect-ratio: 1;
    margin-inline: auto;
    --orbit-r: clamp(4.6rem, 36vw, 7rem);
  }

  .c01-orch--immersive .c01-orch__main-core,
  .c01-orch--immersive .c01-orch__deck {
    min-height: auto;
  }

  .c01-orch--immersive .c01-orch__ring {
    min-height: unset;
    width: min(100%, 19rem);
    max-width: 100%;
    margin-inline: auto;
    --orbit-r: clamp(4.6rem, 36vw, 7rem);
  }

  .c01-orch--deck .c01-orch__deck {
    grid-template-areas:
      'left'
      'main';
    grid-template-columns: 1fr;
  }

  .c01-orch__grid-bg,
  .c01-orch__sheen {
    opacity: 0.08;
    animation: none;
  }
}

@media (max-width: 430px) {
  body.gtos-mobile-shell .c01-orch--deck .c01-orch__ring,
  body.gtos-mobile-shell .c01-orch--immersive .c01-orch__ring {
    width: min(100%, 17.5rem);
    --orbit-r: clamp(4.1rem, 34vw, 6.2rem);
  }

  body.gtos-mobile-shell .c01-orch__topbar {
    gap: 0.45rem;
  }

  body.gtos-mobile-shell .c01-orch__lead {
    font-size: 0.78rem;
    line-height: 1.4;
  }

  body.gtos-mobile-shell .c01-orch__commandbar {
    position: sticky;
    bottom: 0;
    z-index: 3;
    padding-top: 0.35rem;
    background: linear-gradient(180deg, rgba(5, 9, 15, 0) 0%, rgba(5, 9, 15, 0.88) 42%);
  }

  /* S11: orchestra deck — limit ring height on first paint */
  body.gtos-mobile-shell .c01-orch--deck,
  body.gtos-mobile-shell .c01-orch--immersive {
    max-height: min(52vh, 26rem);
    overflow: hidden;
  }

  body.gtos-mobile-shell .c01-orch--deck .c01-orch__deck-main,
  body.gtos-mobile-shell .c01-orch--immersive .c01-orch__deck-main {
    min-height: 0;
  }
}

/* ============================================================
   cc-v1.0.38 · COMMAND CENTER STRUCTURAL UI REPAIR
   3-zone grid, contextual hover (no permanent floating rails),
   overflow containment, operations panel restore.
   ============================================================ */

.c01-orch--deck {
  --orch-side-min: 16.25rem;
  --orch-side-max: 20.5rem;
  --orch-side-pref: min(20vw, var(--orch-side-max));
}

.c01-orch--deck .c01-orch__deck {
  grid-template-columns:
    minmax(15.5rem, 17rem)
    minmax(0, 1fr)
    minmax(16.5rem, 18.5rem);
  grid-template-areas: "left main right";
  gap: var(--gtos-space-3);
  min-width: 0;
  overflow: hidden;
}

.c01-orch--immersive.c01-orch--apex {
  padding-left: var(--gtos-space-3);
  padding-right: var(--gtos-space-3);
}

.c01-orch--immersive .c01-orch__story {
  display: none;
}

.c01-orch--variant-h .c01-orch__deck,
.c01-orch--variant-h .c01-orch__main-core {
  overflow: hidden;
}

.c01-orch__main-core {
  overflow: hidden;
  min-width: 0;
}

.c01-orch--hilal-star.c01-orch--viewport-layout .c01-orch__ring,
.c01-orch--deck .c01-orch__ring {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.c01-orch__atmosphere {
  inset: 0;
}

.c01-orch__aside--right,
.c01-orch--hilal-star .c01-orch__aside--right {
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  overflow: auto;
  max-height: 100%;
}

/* CC-WOW-4 — ÖLÇÜM KİLİDİ.
   Uydu portresi `width/height` üzerinde 0.38s geçişe sahip (hover büyümesi
   için). Yerleşim hesabı bu geçişin ORTASINDA ölçüm alırsa yanlış ayak izi
   okur ve düğümleri gereksiz yere küçültür (ölçüldü: 0.62 tabanına çakılma).
   JS ölçüm sırasında halkaya `data-orch-measuring` koyar; geçiş o an kapalı,
   ölçüm anlıktır. Kullanıcı etkileşimindeki animasyon etkilenmez. */
[data-orch-measuring] .c01-orch__satellite,
[data-orch-measuring] .c01-orch__satellite-avatar,
[data-orch-measuring] .c01-orch__satellite-info {
  transition: none !important;
}

/* CC-WOW-4 — `--orch-sat-scale` halkaya JS'ten yazılır (layoutScatterAgents →
   scatterResolveNodeScale). Kısa canvas'ta portre + etiket birlikte küçülür;
   böylece 4 düğümlü kolonda etiket komşu portrenin üstüne binmez.
   Varsayılan 1 — değişken yoksa görünüm birebir eskisi gibi. */
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite {
  /* `--orch-sat-size` / `--orch-sat-size-focus` px olarak JS'ten gelir
     (layoutScatterAgents → scatterResolveNodeScale). `calc(clamp() * var())`
     var() ikamesinden geçerken Chromium'da çözülmüyordu (ölçüldü: portre
     0.62 ölçekte bile 78px kaldı) — bu yüzden değer px olarak yazılıyor.
     Değişken yoksa clamp'e düşer, yani eski görünüm birebir korunur. */
  --sat-halo-d-idle: var(--orch-sat-size, clamp(4.85rem, 5.6vw, 5.65rem));
  --sat-halo-d-focus: var(--orch-sat-size-focus, clamp(5.35rem, 6.2vw, 6.15rem));
  width: var(--sat-halo-d-idle);
  min-width: var(--sat-halo-d-idle);
  min-height: var(--sat-halo-d-idle);
  overflow: visible;
}

.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite .c01-orch__satellite-avatar {
  width: var(--sat-halo-d);
  height: var(--sat-halo-d);
}

.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite:hover .c01-orch__satellite-avatar,
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite.is-active .c01-orch__satellite-avatar,
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite.is-pinned .c01-orch__satellite-avatar {
  width: var(--sat-halo-d);
  height: var(--sat-halo-d);
  transform: translate(-50%, calc(-50% + var(--sat-hub-y)));
}

.c01-orch--hilal-star.c01-orch--viewport-layout .c01-orch__core {
  width: clamp(7.25rem, 11vw, 9.25rem);
  height: clamp(7.25rem, 11vw, 9.25rem);
}

.c01-orch--scatter-layout .c01-orch__cluster,
.c01-orch--scatter-layout .c01-orch__bloom-dock {
  display: none !important;
}

/* Parser-hoist artığı: nested <button> ring'e taşınmışsa boyama. */
.c01-orch__ring > .c01-orch__satellite-action,
.c01-orch__ring > .c01-orch__focus-rail-btn,
.c01-orch__ring > .c01-orch__satellite-actions {
  display: none !important;
}

.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite .c01-orch__focus-rail,
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite.is-active .c01-orch__focus-rail,
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite.is-pinned .c01-orch__focus-rail,
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite:hover .c01-orch__focus-rail,
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite:focus-visible .c01-orch__focus-rail {
  display: none;
  opacity: 0;
  pointer-events: none;
  min-width: 0;
  max-width: none;
}

.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite.is-active .c01-orch__focus-rail--compact,
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite.is-pinned .c01-orch__focus-rail--compact,
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite:hover .c01-orch__focus-rail--compact,
.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite:focus-visible .c01-orch__focus-rail--compact {
  display: flex;
  flex-direction: column;
  gap: var(--gtos-space-1);
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: calc(100% + 3.15rem);
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  min-width: 7.25rem;
  max-width: 8.5rem;
  padding: var(--gtos-space-2);
  border-radius: 12px;
  background: rgba(8, 18, 32, 0.96);
  border: 1px solid rgba(217, 178, 90, 0.28);
  box-shadow: 0 12px 28px -16px rgba(0, 0, 0, 0.9);
  z-index: 24;
}

.c01-orch--scatter-layout .c01-orch__satellite-actions {
  margin: 0;
  padding: 0;
  border: 0;
  gap: var(--gtos-space-1);
}

.c01-orch--scatter-layout .c01-orch__satellite-action {
  text-transform: none;
  letter-spacing: 0.01em;
  font-size: 0.62rem;
  font-weight: 600;
  padding: 0.32rem 0.45rem;
}

/* ---- CC-WOW-4 · uydu etiketi: tek satır, ellipsis, okunur zemin --------
   Yasin: "Ajan isimleri, bazılarında resimleri de üst üste biniyor."
   Önce (1366x768, ölçüldü): 12 çakışma — her kolonda ad+rol etiketi bir
   alttaki portrenin üstüne 33–54px biniyordu, roller `line-clamp:1` ile
   ellipsis'siz kırpılıyordu ("M…", "U…").
   Şimdi: adım JS'te ayak izine göre hesaplanır, etiket tek satır +
   `text-overflow: ellipsis` + `title` ipucu, arkasında ince koyu zemin —
   komşu portrenin önüne düşse bile metin okunur kalır. ---------------- */
.c01-orch--scatter-layout .c01-orch__satellite-name {
  font-size: max(0.66rem, calc(0.8rem * var(--orch-sat-scale, 1)));
  letter-spacing: 0.03em;
  text-transform: none;
}

.c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite-info {
  max-width: calc(8.25rem * var(--orch-sat-scale, 1));
  top: calc(50% + var(--sat-halo-d-idle, 5.65rem) * 0.5 + 0.18rem);
  gap: 1px;
  padding: 0.1rem 0.34rem 0.12rem;
  border-radius: 0.5rem;
  background: rgba(6, 12, 22, 0.62);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* Yörüngede YALNIZ ad durur. Rol + modül kodu iki yerde zaten var:
   (a) uydunun üstüne gelince / odaklanınca burada açılır, (b) sağ panel
   roster'ında her zaman görünür. 11 uzman × (ad+rol+kod) tek kolonda
   438px'lik banda okunur biçimde sığmıyordu — bilgi silinmedi, taşındı. */
.c01-orch--scatter-layout .c01-orch__satellite-role,
.c01-orch--scatter-layout .c01-orch__satellite-mod {
  display: none;
}

.c01-orch--scatter-layout .c01-orch__satellite-name {
  display: block;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: normal;
  word-break: normal;
  -webkit-line-clamp: none;
}

.c01-orch--scatter-layout .c01-orch__satellite-role {
  font-weight: 500;
  opacity: 0.82;
  font-size: max(0.55rem, calc(0.6rem * var(--orch-sat-scale, 1)));
  line-height: 1.25;
}

/* Hover / odak: etiket kutusu öne gelir, rol + modül kodu açılır.
   Kutu `position:absolute` olduğu için düzeni İTMEZ — komşu düğüm
   yerinden oynamaz, yalnız üstüne biner (z-index ile okunur). */
.c01-orch--scatter-layout .c01-orch__satellite:hover .c01-orch__satellite-info,
.c01-orch--scatter-layout .c01-orch__satellite:focus-within .c01-orch__satellite-info,
.c01-orch--scatter-layout .c01-orch__satellite.is-active .c01-orch__satellite-info,
.c01-orch--scatter-layout .c01-orch__satellite.is-working .c01-orch__satellite-info {
  z-index: 9;
  background: rgba(6, 12, 22, 0.95);
  border: 1px solid rgba(217, 178, 90, 0.35);
  max-width: 11.5rem;
  padding: 0.28rem 0.5rem 0.32rem;
}

.c01-orch--scatter-layout .c01-orch__satellite:hover .c01-orch__satellite-role,
.c01-orch--scatter-layout .c01-orch__satellite:focus-within .c01-orch__satellite-role,
.c01-orch--scatter-layout .c01-orch__satellite.is-active .c01-orch__satellite-role,
.c01-orch--scatter-layout .c01-orch__satellite.is-working .c01-orch__satellite-role {
  display: block;
}

.c01-orch--scatter-layout .c01-orch__satellite:hover .c01-orch__satellite-mod,
.c01-orch--scatter-layout .c01-orch__satellite:focus-within .c01-orch__satellite-mod,
.c01-orch--scatter-layout .c01-orch__satellite.is-active .c01-orch__satellite-mod,
.c01-orch--scatter-layout .c01-orch__satellite.is-working .c01-orch__satellite-mod {
  display: inline-flex;
  margin-top: 0.16rem;
}

.c01-orch--scatter-layout .c01-orch__satellite-mod[hidden] {
  display: none !important;
}

.c01-orch--scatter-layout .c01-orch__satellite:hover .c01-orch__satellite-name,
.c01-orch--scatter-layout .c01-orch__satellite:focus-within .c01-orch__satellite-name,
.c01-orch--scatter-layout .c01-orch__satellite.is-active .c01-orch__satellite-name,
.c01-orch--scatter-layout .c01-orch__satellite.is-working .c01-orch__satellite-name {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

.c01-orch__ops-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.c01-orch__ops-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gtos-space-2);
  font-size: 0.72rem;
  color: var(--orch-ink);
}

.c01-orch__ops-name {
  color: rgba(244, 236, 216, 0.78);
}

.c01-orch__ops-state {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--orch-muted);
}

.c01-orch__ops-row--done .c01-orch__ops-state {
  color: #7fd6ff;
}

.c01-orch__ops-row--active .c01-orch__ops-state {
  color: var(--orch-gold);
}

.c01-orch__ops-agent-name {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--orch-ink);
}

.c01-orch__ops-agent-role,
.c01-orch__ops-agent-mod,
.c01-orch__ops-agent-state {
  margin: 0;
  font-size: 0.7rem;
  color: var(--orch-muted);
}

.c01-orch__ops-agent-mod {
  color: var(--orch-gold);
}

.c01-orch__ops-caps {
  margin: var(--gtos-space-2) 0 0;
  padding: 0 0 0 1rem;
  display: flex;
  flex-direction: column;
  gap: var(--gtos-space-1);
  font-size: 0.68rem;
  color: rgba(244, 236, 216, 0.78);
}

.c01-orch--deck .c01-orch__roster--grouped {
  max-height: 9.5rem;
  overflow: auto;
}

.c01-orch--immersive.c01-orch--apex > .c01-orch__commandbar {
  position: sticky;
  bottom: 0;
  z-index: 8;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding-top: var(--gtos-space-3);
  background: linear-gradient(180deg, rgba(5, 9, 15, 0) 0%, rgba(5, 9, 15, 0.88) 36%);
}

#gtos-command-center.gtos-cc--orchestra-immersive {
  overflow-x: hidden;
  overflow-y: auto;
}

@media (max-width: 1439px) and (min-width: 1200px) {
  .c01-orch--deck .c01-orch__deck {
    grid-template-columns: 15.5rem minmax(0, 1fr) 17rem;
  }
}

@media (max-width: 1199px) and (min-width: 900px) {
  .c01-orch--deck .c01-orch__deck {
    grid-template-columns: 15rem minmax(0, 1fr);
    grid-template-areas: "left main";
  }

  .c01-orch__aside--right,
  .c01-orch--hilal-star .c01-orch__aside--right {
    position: absolute;
    top: 12px;
    right: 12px;
    bottom: 12px;
    width: min(20rem, 86vw);
    z-index: 30;
    transform: translateX(calc(100% + 24px));
    transition: transform 0.22s ease;
    box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.85);
  }

  .c01-orch--ops-open .c01-orch__aside--right,
  .c01-orch--ops-open.c01-orch--hilal-star .c01-orch__aside--right {
    transform: none;
  }
}

@media (max-width: 899px) {
  .c01-orch--deck .c01-orch__deck {
    grid-template-columns: 1fr;
    grid-template-areas:
      "left"
      "main"
      "right";
    overflow: visible;
  }

  .c01-orch__aside--right,
  .c01-orch--hilal-star .c01-orch__aside--right {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    width: auto;
    transform: none;
    max-height: none;
  }

  .c01-orch--immersive.c01-orch--apex > .c01-orch__commandbar {
    width: calc(100% - 24px);
    max-width: 920px;
  }

  body.gtos-mobile-shell .c01-orch--deck,
  body.gtos-mobile-shell .c01-orch--immersive {
    max-height: none;
    overflow: visible;
  }
}

/* ============================================================
   cc-v1.0.45 · VIEWPORT CONTAINMENT + FINAL LAYOUT REPAIR
   Command Center = tek application viewport (page scroll yok).
   Admin Home / Emirler silinmez — orchestra yüzeyinde gizlenir.
   1.0.42 müşteri sohbeti (in-CC transcript) korunur.
   ============================================================ */

html.gtos-orch-viewport .c01-orch--apex {
  min-height: 0;
}

#gtos-command-center.gtos-cc--orchestra-immersive > .gtos-wf,
#gtos-command-center.gtos-cc--orchestra-immersive > .gtos-cc__command-deck,
#gtos-command-center.gtos-cc--orchestra-immersive > .gtos-cc__agents,
#gtos-command-center.gtos-cc--orchestra-immersive > .gtos-cc__command-alerts,
#gtos-command-center.gtos-cc--orchestra-immersive > .gtos-cc__command-recent,
#gtos-command-center.gtos-cc--orchestra-immersive > .gtos-cc__cockpit,
/* cc-v1.0.43 immersive squeeze fix: bu bölümler veri senkronundan sonra
   asenkron render olur; listede olmayınca sabit yükseklikli immersive
   düzende ~630px kaplayıp orkestra sahnesini 140px şeride eziyorlardı. */
#gtos-command-center.gtos-cc--orchestra-immersive > .gtos-cc__recommended,
#gtos-command-center.gtos-cc--orchestra-immersive > .gtos-cc__kpi,
#gtos-command-center.gtos-cc--orchestra-immersive > .gtos-trust-strip,
#gtos-command-center.gtos-cc--orchestra-immersive > .gtos-cc__actions,
#gtos-command-center.gtos-cc--orchestra-immersive > .gtos-demo-seed-banner {
  display: none !important;
}

@media (min-width: 900px) {
  html.gtos-orch-viewport,
  html.gtos-orch-viewport body {
    height: 100%;
    overflow: hidden;
  }

  /* A module workspace must be page-scrollable after leaving the CC viewport. */
  html.gtos-orch-viewport:has(#maytras-app.module-workspace-is-open),
  html.gtos-orch-viewport:has(#maytras-app.module-workspace-is-open) body {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }

  /* Authenticated deep-links can reveal the workspace before the app-mode
     marker is synchronized; the visible module must still be page-scrollable. */
  html.gtos-orch-viewport:has(#module-workspace-root:not(.hidden)),
  html.gtos-orch-viewport:has(#module-workspace-root:not(.hidden)) body {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }

  html.gtos-orch-viewport:has(#module-workspace-root:not(.hidden)) #maytras-app,
  html.gtos-orch-viewport:has(#module-workspace-root:not(.hidden)) #maytras-app .app-main,
  html.gtos-orch-viewport:has(#module-workspace-root:not(.hidden)) #maytras-app .main-content {
    height: auto;
    max-height: none;
    overflow: visible;
  }

  html.gtos-orch-viewport #maytras-app:not(.module-workspace-is-open) {
    height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
  }

  html.gtos-orch-viewport #maytras-app:not(.module-workspace-is-open) .app-main {
    height: var(--orch-viewport-h, 100dvh);
    max-height: var(--orch-viewport-h, 100dvh);
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  html.gtos-orch-viewport #maytras-app:not(.module-workspace-is-open) .main-header {
    flex-shrink: 0;
  }

  html.gtos-orch-viewport #maytras-app:not(.module-workspace-is-open) .main-header .header-content {
    flex-wrap: nowrap;
  }

  html.gtos-orch-viewport #maytras-app:not(.module-workspace-is-open) .main-content {
    flex: 1 1 0;
    min-height: 0;
    height: auto;
    max-height: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    max-width: none;
    display: flex;
    flex-direction: column;
  }

  html.gtos-orch-viewport #maytras-app:not(.module-workspace-is-open) #gtos-command-center-host {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: calc(var(--orch-viewport-h, 100dvh) - var(--orch-app-header, 64px)) !important;
    max-height: calc(var(--orch-viewport-h, 100dvh) - var(--orch-app-header, 64px)) !important;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  html.gtos-orch-viewport #gtos-command-center.gtos-cc--orchestra-immersive {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    height: calc(var(--orch-viewport-h, 100dvh) - var(--orch-app-header, 64px)) !important;
    max-height: calc(var(--orch-viewport-h, 100dvh) - var(--orch-app-header, 64px)) !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  html.gtos-orch-viewport #c01-orchestra-welcome.c01-orch--immersive.c01-orch--apex {
    flex: 1 1 auto;
    height: calc(var(--orch-viewport-h, 100dvh) - var(--orch-app-header, 64px)) !important;
    max-height: calc(var(--orch-viewport-h, 100dvh) - var(--orch-app-header, 64px)) !important;
    min-height: 0 !important;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-columns: minmax(0, 1fr);
    align-content: stretch;
    overflow: hidden;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    gap: 0.35rem;
  }

  html.gtos-orch-viewport .c01-orch--immersive .c01-orch__brand-locale {
    flex-shrink: 0;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }

  @media (max-height: 700px) {
    html.gtos-orch-viewport .c01-orch--immersive .c01-orch__brand-locale {
      max-height: 6.25rem;
      overflow: hidden;
    }
  }

  html.gtos-orch-viewport .c01-orch--immersive .c01-orch__deck {
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    align-self: stretch;
  }

  html.gtos-orch-viewport .c01-orch--deck .c01-orch__deck {
    grid-template-columns:
      minmax(240px, 280px)
      minmax(0, 1fr)
      minmax(270px, 320px);
    min-width: 0;
    min-height: 0;
    height: 100%;
  }

  html.gtos-orch-viewport .c01-orch--immersive .c01-orch__aside,
  html.gtos-orch-viewport .c01-orch--immersive .c01-orch__main-core,
  html.gtos-orch-viewport .c01-orch--immersive .c01-orch__ring {
    min-width: 0;
    min-height: 0;
  }

  html.gtos-orch-viewport .c01-orch--hilal-star.c01-orch--viewport-layout .c01-orch__ring,
  html.gtos-orch-viewport .c01-orch--hilal-star.c01-orch--immersive .c01-orch__deck,
  html.gtos-orch-viewport .c01-orch--hilal-star.c01-orch--immersive .c01-orch__main-core,
  html.gtos-orch-viewport .c01-orch--immersive .c01-orch__main-core,
  html.gtos-orch-viewport .c01-orch--immersive .c01-orch__ring {
    min-height: 0;
    height: 100%;
    max-height: 100%;
    flex: 1 1 auto;
    padding-bottom: 0;
  }

  html.gtos-orch-viewport .c01-orch--immersive .c01-orch__aside--left {
    overflow: hidden;
  }

  html.gtos-orch-viewport .c01-orch--immersive .c01-orch__aside--left .c01-orch__workflow {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  html.gtos-orch-viewport .c01-orch--immersive .c01-orch__aside--left .c01-orch__reasoning-panel {
    flex: 0 0 auto;
    max-height: min(8.5rem, 18vh);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  html.gtos-orch-viewport .c01-orch--immersive .c01-orch__aside--right {
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    max-height: 100%;
  }

  html.gtos-orch-viewport .c01-orch--immersive.c01-orch--apex > .c01-orch__commandbar {
    position: relative;
    bottom: auto;
    z-index: 8;
    width: 100%;
    max-width: none;
    margin: 0;
    flex-shrink: 0;
    overflow: hidden;
    min-height: 0;
    max-height: min(13.5rem, 26vh);
    padding: 0.45rem 0.35rem 0.3rem;
    background: linear-gradient(180deg, rgba(5, 9, 15, 0) 0%, rgba(5, 9, 15, 0.88) 28%);
    box-sizing: border-box;
  }

  /* CC-WOW-2 — sohbet basladiginda komuta cubugu okuma alanina donusur.
     Deck satiri `minmax(0,1fr)` oldugu icin bu buyume orbit sahnesinden
     yer alir; sahne kucululur ama kirpilmaz (layoutScatterAgents reflow). */
  html.gtos-orch-viewport .c01-orch--live-chat.c01-orch--immersive.c01-orch--apex > .c01-orch__commandbar {
    max-height: min(34rem, 52vh);
  }

  html.gtos-orch-viewport .c01-orch__transcript.is-visible {
    max-height: min(11.5rem, 21vh);
  }

  html.gtos-orch-viewport .c01-orch--live-chat .c01-orch__transcript.is-visible {
    max-height: min(28rem, 44vh);
  }
}

@media (min-width: 1600px) {
  html.gtos-orch-viewport .c01-orch--deck .c01-orch__deck {
    grid-template-columns:
      minmax(260px, 280px)
      minmax(0, 1fr)
      minmax(290px, 320px);
  }
}

@media (min-width: 1920px) {
  html.gtos-orch-viewport .c01-orch--deck .c01-orch__deck {
    grid-template-columns:
      minmax(270px, 300px)
      minmax(0, 1fr)
      minmax(300px, 340px);
  }
}

@media (max-width: 1366px) and (min-width: 1100px) {
  html.gtos-orch-viewport .c01-orch--deck .c01-orch__deck {
    grid-template-columns:
      minmax(220px, 240px)
      minmax(0, 1fr)
      minmax(240px, 280px);
  }
}

@media (max-width: 1099px) and (min-width: 900px) {
  html.gtos-orch-viewport .c01-orch--deck .c01-orch__deck {
    grid-template-columns: minmax(210px, 230px) minmax(0, 1fr);
    grid-template-areas: "left main";
  }
}

/* ============================================================
   cc-v1.0.44 · mobile customer readability
   Scatter on narrow touch screens keeps the Yasin hub, but gives the
   upper pair, side columns, labels and bottom specialist separate bands.
   ============================================================ */
@media (max-width: 430px) {
  .c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite {
    --sat-halo-d-idle: 4rem;
    --sat-halo-d-focus: 4.45rem;
    width: 4rem;
    min-width: 4rem;
    min-height: 4rem;
  }

  /* CC-WOW-4 — masaüstündeki tek satır + ellipsis kuralı mobilde geri alınır
     (dar ekranda sarma daha okunur; sütun adımı zaten ayrı bantlarda). */
  .c01-orch--scatter-layout .c01-orch__satellite-name {
    display: block;
    max-width: 6.5rem;
    font-size: 0.68rem;
    line-height: 1.15;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .c01-orch--scatter-layout .c01-orch__satellite-role {
    display: -webkit-box;
    max-width: 6.5rem;
    font-size: 0.52rem;
    line-height: 1.2;
    white-space: normal;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 2;
  }

  .c01-orch--scatter-layout.c01-orch--variant-h .c01-orch__satellite-info {
    top: calc(50% + 2.35rem);
    max-width: 6.5rem;
    gap: 2px;
  }

  .c01-orch--scatter-layout .c01-orch__satellite[data-orch-slug="mete"] .c01-orch__satellite-info,
  .c01-orch--scatter-layout .c01-orch__satellite[data-orch-slug="umay"] .c01-orch__satellite-info {
    left: calc(50% - 1.1rem);
    transform: translateX(-50%);
  }

  .c01-orch--scatter-layout .c01-orch__satellite[data-orch-slug="asena"] .c01-orch__satellite-info,
  .c01-orch--scatter-layout .c01-orch__satellite[data-orch-slug="kutay"] .c01-orch__satellite-info {
    left: calc(50% - 0.7rem);
    transform: translateX(-50%);
  }

  .c01-orch--scatter-layout .c01-orch__satellite[data-orch-slug="kaan"] .c01-orch__satellite-info,
  .c01-orch--scatter-layout .c01-orch__satellite[data-orch-slug="bilge"] .c01-orch__satellite-info {
    left: calc(50% + 1.1rem);
    transform: translateX(-50%);
  }

  .c01-orch--scatter-layout .c01-orch__satellite[data-orch-slug="anka"] .c01-orch__satellite-info,
  .c01-orch--scatter-layout .c01-orch__satellite[data-orch-slug="batu"] .c01-orch__satellite-info {
    left: calc(50% + 0.7rem);
    transform: translateX(-50%);
  }

  .c01-orch--scatter-layout .c01-orch__satellite[data-orch-slug="hilal"] .c01-orch__satellite-info,
  .c01-orch--scatter-layout .c01-orch__satellite[data-orch-slug="yildiz"] .c01-orch__satellite-info {
    top: calc(50% + 1.55rem);
  }

  .c01-orch--scatter-layout .c01-orch__satellite-mod {
    display: none;
  }

  .c01-orch--hilal-star .c01-orch__ring > .c01-orch__main-caption {
    max-width: 10.5rem;
    top: calc(50% + 3.7rem);
  }
}

/* ==================================================================
   SAHNE DURUM MAKİNESİ (y3-scene) — gerçek olay tabanlı durumlar
   ------------------------------------------------------------------
   Durumlar: idle · listening · thinking · expert-running ·
   synthesizing · answering. Hiçbiri zamanlayıcı ile ilerlemez;
   `data-orch-scene-state` yalnız gözlenebilir bir olay sonrası değişir.

   ÖNEMLİ AYRIM:
     .c01-orch__satellite.is-active      → hover / klavye odağı (kullanıcı niyeti)
     .c01-orch__satellite.is-working     → GERÇEK uzman etkinliği (canlı olay)
     .c01-orch__satellite.is-participated→ turda görev almış uzman (kanıtlı)
   İkisi bilinçli olarak ayrı sınıftır; hover asla "çalışıyor" göstermez.
   ================================================================== */

/* 25.08: sahne başlığından mikrofon düğmesinin altına taşındı (.c01-orch__mic-wrap
   içinde) — ürünün tamamını değil, kapsadığı ses+akış özelliğini işaretler. */
.c01-orch__scene-status {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  padding: 0.18rem 0.5rem;
  max-width: 9rem;
  white-space: nowrap;
  border: 1px solid rgba(217, 178, 90, 0.28);
  border-radius: 999px;
  background: rgba(10, 22, 40, 0.72);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--orch-ink);
}

.c01-orch__scene-status[hidden] {
  display: none;
}

.c01-orch__scene-dot {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: var(--orch-gold);
  flex: 0 0 auto;
}

.c01-orch__scene-beta {
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(244, 236, 216, 0.6);
  padding-left: 0.35rem;
  border-left: 1px solid rgba(217, 178, 90, 0.22);
}

.c01-orch__scene-status[data-state='listening'] .c01-orch__scene-dot {
  background: #7fd6ff;
}

.c01-orch__scene-status[data-state='answering'] .c01-orch__scene-dot {
  background: #8ee6a8;
}

/* Nabız YALNIZ görsel bir sıfat; durumu ilerletmez. Durum değişimi tek
   kaynaktan (olay) gelir, animasyon bittiğinde hiçbir şey olmaz. */
@keyframes c01OrchScenePulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(0.78);
  }
}

.c01-orch__scene-status[data-state='thinking'] .c01-orch__scene-dot,
.c01-orch__scene-status[data-state='expert-running'] .c01-orch__scene-dot,
.c01-orch__scene-status[data-state='synthesizing'] .c01-orch__scene-dot,
.c01-orch__scene-status[data-state='listening'] .c01-orch__scene-dot {
  animation: c01OrchScenePulse 1.6s ease-in-out infinite;
}

/* Merkez (Yasin) — düşünürken/derlerken hafif altın hale. */
.c01-orch__core.is-scene-thinking {
  box-shadow:
    0 0 0 1px rgba(217, 178, 90, 0.4),
    0 0 26px rgba(217, 178, 90, 0.3);
}

.c01-orch__core.is-scene-answering {
  box-shadow:
    0 0 0 1px rgba(142, 230, 168, 0.4),
    0 0 26px rgba(142, 230, 168, 0.22);
}

.c01-orch__core.is-scene-listening {
  box-shadow:
    0 0 0 1px rgba(127, 214, 255, 0.45),
    0 0 26px rgba(127, 214, 255, 0.24);
}

/* Gerçekten çalışan uzman — hover görünümünden ayrı, altın halka. */
.c01-orch__satellite.is-working .c01-orch__satellite-avatar {
  box-shadow:
    0 0 0 2px rgba(217, 178, 90, 0.85),
    0 0 20px rgba(217, 178, 90, 0.38);
}

.c01-orch__satellite.is-working {
  z-index: 6;
}

.c01-orch__satellite.is-participated .c01-orch__satellite-avatar {
  box-shadow: 0 0 0 1px rgba(142, 230, 168, 0.6);
}

/* ==================================================================
   CC-WOW-7 · KARŞILAMA (APEX'ten esinlenme, MAYKA diliyle)
   ------------------------------------------------------------------
   Referans his: sahne tek karede "açılmaz", merkezden dışa doğru
   KURULUR. Bizde sıra: Yasin çekirdeği → sinir hatları → uzmanlar.
   Tamamen görsel bir katman; hiçbir veri, durum ya da sıralama bu
   animasyondan türetilmez. Oturumda yalnız BİR kez (sessionStorage),
   prefers-reduced-motion'da hiç oynamaz, 1.5sn sonra sınıf düşer.
   ================================================================== */

/* Saat satırının başında, aynı satırda — dikey alan yemez. */
.c01-orch__brand-greeting {
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--orch-ink, #f4ecd8);
}

.c01-orch__brand-greeting:empty {
  display: none;
}

.c01-orch__brand-locale-datetime-sep[hidden] {
  display: none;
}

@keyframes c01OrchIntroCore {
  from {
    opacity: 0;
    transform: scale(0.86);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes c01OrchIntroSpoke {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes c01OrchIntroSatellite {
  from {
    opacity: 0;
    filter: blur(3px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}

.c01-orch.is-orch-intro .c01-orch__core {
  animation: c01OrchIntroCore 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.c01-orch.is-orch-intro .c01-orch__scatter-hub {
  animation: c01OrchIntroSpoke 0.5s ease-out 0.3s both;
}

/* Uzmanlar sırayla belirir. `--orbit-i` zaten her uyduda var (0..10),
   gecikme ondan türetilir — JS zamanlayıcı yok. */
.c01-orch.is-orch-intro .c01-orch__satellite {
  animation: c01OrchIntroSatellite 0.42s ease-out both;
  animation-delay: calc(0.44s + var(--orbit-i, 0) * 0.045s);
}

.c01-orch.is-orch-intro .c01-orch__brand-greeting {
  animation: c01OrchIntroSpoke 0.55s ease-out 0.12s both;
}

@media (prefers-reduced-motion: reduce) {
  .c01-orch.is-orch-intro .c01-orch__core,
  .c01-orch.is-orch-intro .c01-orch__scatter-hub,
  .c01-orch.is-orch-intro .c01-orch__satellite,
  .c01-orch.is-orch-intro .c01-orch__brand-greeting {
    animation: none !important;
  }
}

/* ==================================================================
   CC-WOW-6 · DELEGASYON IŞINI (merkez → uzman)
   ------------------------------------------------------------------
   Yasin: "Ajanlar islevsiz duruyor cunku ana isi Yasin yapiyor —
   gorevi X ajanina gondermis ve o ajan o anda calisiyormus HISSI."

   DÜRÜSTLÜK KURALI: bu katmanın tek tetikleyicisi `renderScene`'in
   GERÇEK olaylardan türettiği durumdur:
     · `data-orch-scene-state="thinking"` ← chat.turn.start (kullanıcının
       kendi gönderimi) → merkezden dışa doğru "dağıtım" nefesi.
     · `.is-delegating` ← expert.delegation.start / expert.start
       (canlı SSE olayı) → o uzmanın ışını merkezden ona akar.
     · `.is-participated` ← expert.finish / MAIOS trace (kanıtlı katılım)
       → ışın söner, çizgi sakin yeşile döner.
   Zamanlayıcıyla ya da rastgele tetiklenen hiçbir animasyon yoktur;
   olay gelmezse hiçbir şey yanmaz.
   ================================================================== */

.c01-orch__scatter-hub-beam {
  stroke: transparent;
  stroke-width: 2.2;
  stroke-linecap: round;
  fill: none;
  opacity: 0;
  pointer-events: none;
}

/* Işın: çizginin uzunluğu kadar bir "parça" merkezden uzmana kayar. */
@keyframes c01OrchDelegateBeam {
  0% {
    stroke-dashoffset: calc(var(--beam-len, 200) * 1px);
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  88% {
    opacity: 1;
  }
  100% {
    stroke-dashoffset: calc(var(--beam-len, 200) * -0.35px);
    opacity: 0;
  }
}

.c01-orch__scatter-hub-beam.is-delegating {
  stroke: var(--orch-gold, #d9b25a);
  opacity: 1;
  stroke-dasharray: calc(var(--beam-len, 200) * 0.32px) calc(var(--beam-len, 200) * 1px);
  animation: c01OrchDelegateBeam 1.15s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  filter: drop-shadow(0 0 3px rgba(217, 178, 90, 0.55));
}

/* Çalışan uzmanın sabit hattı da belirginleşir (ışın olmasa da okunur). */
.c01-orch--scatter-layout .c01-orch__scatter-hub-line.is-working {
  stroke: rgba(217, 178, 90, 0.62);
  stroke-width: 1.4;
}

.c01-orch--scatter-layout .c01-orch__scatter-hub-line.is-participated {
  stroke: rgba(142, 230, 168, 0.42);
}

.c01-orch--scatter-layout .c01-orch__scatter-hub-node.is-working {
  fill: rgba(217, 178, 90, 0.9);
}

.c01-orch--scatter-layout .c01-orch__scatter-hub-node.is-participated {
  fill: rgba(142, 230, 168, 0.7);
}

/* «Dağıtım» nefesi — kullanıcı mesajı gönderdiği an (chat.turn.start).
   Hangi uzmana gittiği HENÜZ bilinmiyor, bu yüzden tek bir uzman
   işaretlenmez; merkezden tüm hatlara eşit, sakin bir nefes verilir. */
@keyframes c01OrchDispatchBreath {
  0%,
  100% {
    stroke: rgba(217, 178, 90, 0.15);
  }
  50% {
    stroke: rgba(217, 178, 90, 0.42);
  }
}

.c01-orch[data-orch-scene-state='thinking'] .c01-orch__scatter-hub-line:not(.is-working):not(.is-participated),
.c01-orch[data-orch-scene-state='expert-running'] .c01-orch__scatter-hub-line:not(.is-working):not(.is-participated) {
  animation: c01OrchDispatchBreath 2s ease-in-out infinite;
}

/* Çalışan uzmanın portresi — nabız atan altın hâle. */
@keyframes c01OrchWorkingHalo {
  0% {
    box-shadow:
      0 0 0 2px rgba(217, 178, 90, 0.9),
      0 0 0 6px rgba(217, 178, 90, 0.25),
      0 0 22px rgba(217, 178, 90, 0.35);
  }
  100% {
    box-shadow:
      0 0 0 2px rgba(217, 178, 90, 0.75),
      0 0 0 14px rgba(217, 178, 90, 0),
      0 0 30px rgba(217, 178, 90, 0.5);
  }
}

.c01-orch--scatter-layout .c01-orch__satellite.is-working .c01-orch__satellite-avatar {
  animation: c01OrchWorkingHalo 1.35s ease-out infinite;
}

.c01-orch--scatter-layout .c01-orch__satellite.is-participated:not(.is-working) .c01-orch__satellite-avatar {
  box-shadow:
    0 0 0 1px rgba(142, 230, 168, 0.6),
    0 0 14px rgba(142, 230, 168, 0.18);
}

/* prefers-reduced-motion: hareket yok, DURUM yine okunur (renk + kalınlık). */
@media (prefers-reduced-motion: reduce) {
  .c01-orch__scatter-hub-beam.is-delegating,
  .c01-orch[data-orch-scene-state='thinking'] .c01-orch__scatter-hub-line,
  .c01-orch[data-orch-scene-state='expert-running'] .c01-orch__scatter-hub-line,
  .c01-orch--scatter-layout .c01-orch__satellite.is-working .c01-orch__satellite-avatar {
    animation: none !important;
  }

  .c01-orch__scatter-hub-beam.is-delegating {
    stroke-dasharray: none;
    opacity: 0.85;
  }

  .c01-orch--scatter-layout .c01-orch__satellite.is-working .c01-orch__satellite-avatar {
    box-shadow:
      0 0 0 2px rgba(217, 178, 90, 0.9),
      0 0 22px rgba(217, 178, 90, 0.35);
  }
}

/* «Active Conversations» — ölü şablon artık gerçek duruma bağlı. */
.c01-orch__conv-row--thinking .c01-orch__conv-state {
  color: rgba(217, 178, 90, 0.95);
}

.c01-orch__conv-row--thinking .c01-orch__conv-avatar,
.c01-orch__conv-row--active .c01-orch__conv-avatar {
  box-shadow: 0 0 0 1px rgba(217, 178, 90, 0.5);
}

@media (prefers-reduced-motion: reduce) {
  .c01-orch__scene-status .c01-orch__scene-dot {
    animation: none !important;
  }
}