/*
  NAYA_CHAT_PARITY_V1 - Naya satu keluarga dengan /chat (CHAT_EDITORIAL_V1).
  Dimuat PALING AKHIR di naya.html. Rollback: hapus <link> berkas ini.
*/

/* Glow copper di atas kanvas, sama dengan /chat */
.main::before {
  height: 70vh !important;
  background: radial-gradient(ellipse 75% 50% at 50% -5%, rgba(184,154,100,.16) 0%, rgba(184,154,100,.04) 50%, transparent 75%) !important;
}
[data-theme="light"] .main::before {
  background: radial-gradient(ellipse 75% 50% at 50% -5%, rgba(184,150,96,.24) 0%, rgba(184,150,96,.07) 50%, transparent 75%) !important;
}

/* "Misi baru" = tombol ghost seperti "New chat" */
.new-btn {
  background: transparent !important;
  color: var(--tx) !important;
  border: 1px solid var(--brd2) !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
.new-btn:hover { background: var(--bg-soft) !important; transform: none !important; opacity: 1 !important; }

/* Tombol topbar polos seperti Share di /chat */
.ghost-btn, .ghost-btn.accent, [data-theme="dark"] .ghost-btn.accent {
  border: 0 !important;
  background: transparent !important;
  color: var(--tx2) !important;
  font-weight: 500 !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
}
.ghost-btn:hover, .ghost-btn.accent:hover { background: var(--bg-soft) !important; color: var(--tx) !important; }
.ghost-btn.danger:hover { color: var(--err) !important; }
.notify-btn { border: 0 !important; background: transparent !important; }
.notify-btn:hover { background: var(--bg-soft) !important; }

/* Kolom instruksi = kapsul composer /chat, tombol panah bulat */
.composer {
  border-radius: 22px !important;
  padding: 7px 7px 7px 18px !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 12px 32px rgba(0,0,0,.28) !important;
}
[data-theme="dark"] .composer { background: #2a2924 !important; border-color: rgba(255,255,255,.08) !important; }
[data-theme="light"] .composer {
  background: #FFFFFF !important; border-color: rgba(31,24,18,.12) !important;
  box-shadow: 0 10px 30px rgba(31,24,18,.06), 0 1px 2px rgba(31,24,18,.04) !important;
}
.composer:focus-within { border-color: var(--brd2) !important; }
[data-theme="dark"] .composer:focus-within { border-color: rgba(255,255,255,.16) !important; box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 14px 36px rgba(0,0,0,.32) !important; }
.composer input { font-size: .95rem !important; }
.composer button.composer-send {
  width: 36px; height: 36px; padding: 0 !important; flex: 0 0 36px;
  border-radius: 50% !important; display: grid; place-items: center;
  background: var(--ink) !important; color: var(--ink-contrast) !important;
}
.composer button.composer-send svg { width: 18px; height: 18px; }
.composer button.composer-send.busy svg { display: none; }
.composer button.composer-send.busy::after {
  content: ""; width: 14px; height: 14px; border-radius: 50%;
  border: 2px solid currentColor; border-right-color: transparent;
  animation: nySpin .8s linear infinite;
}
@keyframes nySpin { to { transform: rotate(360deg); } }

/* Progres dan status selesai = copper (seperti panel Core di /chat) */
.progress-rule { height: 3px !important; }
.progress-rule i, .progress-rule.done i { background: linear-gradient(90deg, rgba(184,150,96,.6), #b89660) !important; }
.gl.completed { background: #b89660 !important; color: #1d1c19 !important; border-color: #b89660 !important; }
.decision.ok::before { background: linear-gradient(90deg, #b89660, transparent 65%) !important; }
.decision.ok .decision-k { color: var(--ac) !important; }
[data-theme="dark"] .decision.ok .decision-k { color: var(--ac-deep) !important; }

/* Hasil akhir: heading serif + tabel garis horizontal, seperti jawaban /chat */
@media screen {
  .final-sheet h1, .final-sheet h2, .final-sheet h3,
  .markdown h1, .markdown h2, .markdown h3 {
    font-family: var(--font-s) !important; font-weight: 600 !important; letter-spacing: -.01em;
  }
  .markdown h1 { font-size: 1.45rem !important; }
  .markdown h2 { font-size: 1.25rem !important; }
  .markdown h3 { font-size: 1.08rem !important; }
  .markdown table { border: 0 !important; }
  .markdown th { background: transparent !important; border-bottom: 1px solid var(--brd2) !important; padding: 10px 14px 10px 0 !important; }
  .markdown td { border-bottom: 1px solid var(--brd) !important; padding: 10px 14px 10px 0 !important; }
  .markdown .tbl-wrap { border: 0 !important; border-radius: 0 !important; background: transparent !important; }
}

/* Sumber: favicon asli (proxy IsonAI sendiri) seperti /chat */
.source-domain { color: var(--tx3) !important; }
.src-ico { background: transparent !important; overflow: hidden; }
.src-ico img { width: 16px; height: 16px; object-fit: contain; display: block; }
.src-ico.fav-letter { background: var(--bg-soft) !important; }
.source-row:hover { background: transparent !important; }

@media (max-width: 640px) {
  .ghost-btn { font-size: .78rem !important; padding: 6px 7px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .composer button.composer-send.busy::after { animation: none; }
}
/* titik status "Selesai" di daftar misi = copper */
.mr-dot.completed { background: #b89660 !important; }
/* NAYA_ALPHA_V1: status Alpha di samping wordmark */
.ny-alpha {
  font-style: normal; font-weight: 600; font-size: .6rem; letter-spacing: .06em; text-transform: uppercase;
  color: var(--ac); border: 1px solid currentColor; border-radius: 4px; padding: 1px 5px;
  vertical-align: 3px; margin-left: 4px; opacity: .85;
}
[data-theme="dark"] .ny-alpha { color: var(--ac-deep); }