/* =========================================================
   css/komponen/bersama.css — potongan gaya yang dipakai banyak layar AWAH Sanur.
   Di mockup klinik (awah-V2) aturan ini tersebar di pasien.css, dokter.css, dan kasir.css;
   di sini dikumpulkan karena layar-layar klinik itu tidak ada di versi Sanur.
   ========================================================= */

/* Judul halaman & kartu bagian */
.halaman-head h1 { font-size: 26px; font-weight: 800; }
.halaman-head p { color: var(--text-2); margin-top: 4px; }
.bagian { margin-top: 12px; padding: 16px; }
.kartu-kecil { padding: 14px 16px; }
.kartu-kecil h2, .bagian h2 { font-size: 13px; font-weight: 700; color: var(--text-2); margin-bottom: 6px; }
.dua-kolom { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.sub-judul { font-size: 12px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; margin: 14px 0 6px; }

/* Daftar pilih di panel kiri (permintaan, rujukan, kunjungan) */
.antrean { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
.antrean-item {
  display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; cursor: pointer;
  padding: 8px 10px; border-radius: 10px; border: 1px solid transparent; background: none; font: inherit; color: inherit;
}
.antrean-item:hover { background: var(--hover); }
.antrean-item[aria-current="true"] { background: var(--accent-bg); border-color: var(--accent); }
.antrean-no { font-size: 11px; font-weight: 700; color: var(--accent-ink); background: var(--surface); border: 1px solid var(--border); border-radius: 6px; padding: 2px 5px; flex: none; }
.antrean-isi { flex: 1; min-width: 0; }
.antrean-isi b { display: block; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.antrean-isi small { display: block; color: var(--muted); font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Daftar kecil, label formulir, chip pilihan, baris tombol aksi */
.daftar-kecil { margin: 0; padding-left: 18px; font-size: 13px; }
.daftar-kecil li { margin-top: 2px; }
.f-label { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; margin: 14px 0 6px; }
.f-label small { font-weight: 500; color: var(--muted); }
.toggle-chip { border: 1px solid var(--border); background: var(--surface); border-radius: 999px; padding: 5px 11px; font-size: 12.5px; cursor: pointer; min-height: 32px; font-family: inherit; color: inherit; }
.toggle-chip[aria-pressed="true"] { background: var(--accent); color: #fff; border-color: transparent; }
.toggle-chip[disabled] { opacity: .45; cursor: not-allowed; }
.form-aksi { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--border); }
.form-aksi > :first-child { margin-right: auto; }

@media (max-width: 700px) {
  .dua-kolom { grid-template-columns: minmax(0, 1fr); }
  .form-aksi .btn { flex: 1 1 auto; }
}