/*
 * Tampilan Ozami untuk Concord CRM.
 * Dimuat di <head> halaman aplikasi dan login (view custom.includes.head modul Ozami).
 * Variabel warna Concord memakai format "r, g, b" (lihat resources/css/variables.css Concord).
 */

/* Sidebar mode terang: navy Ozami #12336F. Teks sidebar Concord sudah terang
   (neutral-50 = #FAF8F4, kontras 11,5:1; ikon neutral-300 = #CFC7BA, kontras 7,2:1).
   Mode gelap tetap --sidebar-dark-bg-color bawaan (neutral-900 = #121521 dari Theme Style). */
:root {
  --sidebar-bg-color: 18, 51, 111;
}

/* Font Outfit (Google Fonts) di seluruh aplikasi; Inter sebagai cadangan. */
html,
body,
.font-sans,
button,
input,
select,
textarea {
  font-family: 'Outfit', 'Inter var', 'Inter', ui-sans-serif, system-ui, sans-serif;
}

/* Logo login: berkas biru untuk latar terang; di mode gelap diganti versi putih. */
html.dark img[src$='/storage/ozami-logo-biru.png'] {
  content: url('/storage/ozami-logo-putih.png');
}

/* Halaman Ozami (SPA): teks bantuan yang memuat placeholder template. */
.ozami-kode {
  border-radius: 0.25rem;
  background-color: rgba(var(--color-neutral-200), 0.7);
  padding: 0 0.25rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.85em;
}

.dark .ozami-kode {
  background-color: rgba(var(--color-neutral-700), 0.7);
}

.ozami-cuplikan {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: pre-line;
  overflow-wrap: anywhere;
}

/* Follow-up Hari Ini: tombol aksi baris minimal 44px di layar sempit (target sentuh ponsel); desktop tetap ringkas. */
@media (max-width: 639px) {
  .ozami-tap {
    min-height: 44px;
  }
}