/* Hari Ini (views/hari.js) — gaya khusus halaman ini. Komponen bersama ada di app.css (.ph, .now, .tiles, .tile, .ic,
   .row.has-ic, .br-sel, .empty). taskRow/actionRow dari hari.js juga tampil di Rutinitas, Tindak Lanjut, dan Isi Tugas,
   jadi .meta-ic di bawah berlaku di sana juga. Kelas hari-* hanya dipakai halaman ini. */

/* Keterangan kecil berikon di .meta baris tugas ("Wajib di toko") dan di kartu "Sekarang". */
.meta-ic { display: inline-flex; align-items: center; gap: 5px; }
.meta-ic .ico { flex: none; width: 14px; height: 14px; color: var(--muted); }

/* Kepala: pemilih cabang + pil status. Di HP blok aksi selebar kartu dan pemilih mengisi sisa baris. */
.hari-ph > .ph-act { gap: 10px; }
.hari-ph .br-sel .ic { flex: none; }
@media (max-width: 559.98px) {
  .hari-ph > .ph-act { flex: 1 1 100%; }
  .hari-ph .br-sel { flex: 1 1 0; }
  .hari-ph .br-sel select { flex: 1 1 auto; width: 100%; min-width: 0; }
}

/* KPI: di HP sempit (< 560 px) ketiga kartu selebar layar. Kartu omzet memuat bar dan empat keterangan;
   setengah lebar (±160 px) membuatnya sepuluh baris sementara kartu disiplin di sebelahnya kosong. */
@media (max-width: 559.98px) { .hari-tiles > .tile { grid-column: 1 / -1; } }
.hari-kpi > .bar { margin: 6px 0 4px; }

/* Kartu "Sekarang": di HP kotak ikon tetap di kiri teks (bukan sebaris sendiri), tombol selebar kartu di bawahnya. */
@media (max-width: 559.98px) { .hari-now > div { flex: 1 1 0; } }

/* Kartu proyek (T-minus): angka besar tidak pernah patah di tanda minus; di HP tetap di kanan judul. */
.hari-proj > .count-big { white-space: nowrap; }
@media (max-width: 559.98px) {
  .hari-proj { flex-wrap: nowrap; align-items: flex-start; }
  .hari-proj > .count-big { flex: none; font-size: var(--fs-3xl); }
}