/*
 * Tema Newtonsix untuk WhatsCRM Hub.
 *
 * Dimuat SETELAH CSS bawaan (lihat <link> di index.html) dan hanya menimpa
 * variabel warna + beberapa aksen panel login. File build vendor tidak diubah.
 * Kalau frontend di-update (dist/ diganti), tambahkan lagi <link> di index.html
 * dan naikkan ?v= setiap kali file ini diubah (nginx cache CSS 1 tahun).
 *
 * Palet: navy #1C3259 (warna utama brand), biru #2454A2, biru muda #00AEEA,
 * kuning #FCCC24 — diambil dari logo & tema app.newtonsix.my.id.
 * Hijau untuk status "sukses" sengaja tidak diubah.
 */

html:root {
  /* Halaman login / daftar */
  --auth-accent: #2454A2;
  --auth-accent-soft: #E9EEF8;
  --auth-accent-strong: #1C3259;
  --auth-brand-bg: #13233F;

  /* Aplikasi (setelah login) */
  --app-primary: #1C3259;
  --app-primary-strong: #13233F;
  --app-primary-soft: #E8EDF5;
  --app-primary-soft-border: #C8D3E6;

  --s-primary: #1C3259;
  --s-primary-600: #2454A2;
  --s-primary-100: rgba(28, 50, 89, .1);
  --s-primary-200: rgba(28, 50, 89, .18);
  --s-accent: #00AEEA;
}

/* Mode gelap: navy terlalu gelap di atas latar gelap, pakai biru yang lebih terang. */
html:root.app-dark {
  --app-primary: #4F82D6;
  --app-primary-strong: #7AA3E8;
  --app-primary-soft: rgba(79, 130, 214, .18);
  --app-primary-soft-border: rgba(79, 130, 214, .32);

  --s-primary: #4F82D6;
  --s-primary-600: #7AA3E8;
  --s-primary-100: rgba(79, 130, 214, .16);
  --s-primary-200: rgba(79, 130, 214, .28);
}

/* Panel kiri halaman login */
html .auth-brand:before {
  background-image:
    radial-gradient(900px 600px at 12% 18%, rgba(36, 84, 162, .7), transparent 60%),
    radial-gradient(700px 500px at 85% 75%, rgba(0, 174, 234, .38), transparent 60%),
    radial-gradient(500px 400px at 50% 100%, rgba(252, 204, 36, .22), transparent 60%);
}

html .auth-brand .brand-eyebrow:before,
html .auth-brand .floating-ping .dot {
  background: #FCCC24;
  box-shadow: 0 0 0 4px rgba(252, 204, 36, .25);
}

html .auth-brand .brand-headline em {
  background-image: linear-gradient(120deg, #FCCC24, #FFE27A, #3FC3F5);
}

html .auth-brand .brand-stat-num em {
  color: #FCCC24;
}

/* Avatar "NS" di kartu pesan: kuning emblem + teks navy */
html .auth-brand .brand-card-avatar {
  background: linear-gradient(135deg, #FFE27A, #FCCC24);
  color: #1C3259;
}

/* Sembunyikan konten contoh vendor di panel login: kartu melayang
   "Lead baru · Rachel" & "Broadcast terkirim · 1.247 kontak", dan label "Versi 3.4 · Mei 2026". */
html .auth-brand .floating-ping,
html .auth-brand .brand-eyebrow {
  display: none;
}

/* Kotak OTP saat fokus */
html .otp-box[data-v-9e398e3d]:focus {
  border-color: #1C3259;
  box-shadow: 0 0 0 3px rgba(28, 50, 89, .18);
}