/* R4 (integrasi, kiriman, siap klaim) dan R6 (rawat inap). Hanya tata letak; warna memakai token tema (terang dan gelap). */

/* pilihan mode (radio berbentuk kapsul) */
.r4-mode{display:inline-flex;flex-wrap:wrap;max-width:100%}
.r4-mode label{display:inline-flex;align-items:center;height:44px;padding:0 16px;border-radius:var(--pil);font-size:.882rem;font-weight:500;color:var(--teks2);cursor:pointer}
.r4-mode label.aktif{background:var(--p1);color:var(--teks);box-shadow:0 1px 3px rgba(0,0,0,.14)}
[data-theme=gelap] .r4-mode label.aktif{background:#343C4B}
.r4-mode input{position:absolute;opacity:0;width:1px;height:1px}
.r4-mode label:focus-within{outline:2.5px solid var(--aksen);outline-offset:2px}
.panel.r4-panel{margin-bottom:var(--s4)}
.r4-baris{display:grid;grid-template-columns:minmax(10rem,1.3fr) minmax(8rem,1fr) minmax(8rem,1fr) auto;gap:var(--s3);align-items:center;padding:var(--s3) 0;border-top:.5px solid var(--garis)}
.r4-baris .r4-nama{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.r4-baris .r4-f{display:block;min-width:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* kiriman */
.r4-tabel .sebab{margin-top:6px;max-width:42em;color:var(--teks2);line-height:1.4;white-space:normal}
.r4-tabel td{height:auto;padding:12px 16px;vertical-align:top}
.r4-tabel td.aksi{white-space:nowrap;display:flex;gap:var(--s2);flex-wrap:wrap;justify-content:flex-end;align-items:center}
.r4-beres{padding-block:var(--s7)}

/* siap klaim */
.r4-klaim{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4)}
.r4-kartu{min-width:0;overflow-wrap:anywhere}
.r4-kartu{padding:var(--s5)}
.r4-kartu.kurang{box-shadow:inset 3px 0 0 var(--amber)}
.r4-kartu.lengkap{box-shadow:inset 3px 0 0 var(--hijau)}
.r4-kepala{display:flex;justify-content:space-between;gap:var(--s3);align-items:flex-start;flex-wrap:wrap}
.r4-nama-pasien{font-size:1.118rem;font-weight:600}
.r4-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3) var(--s5);margin:var(--s4) 0}
.r4-data dt{font-size:.824rem;color:var(--teks3);font-weight:500}
.r4-data dd{margin:2px 0 0}
.r4-data .penuh{grid-column:1/-1}
.r4-tarif{display:flex;flex-wrap:wrap;gap:6px var(--s4)}
.r4-tarif span{color:var(--teks2)}
.r4-tarif b{color:var(--teks);font-variant-numeric:tabular-nums}
.r4-tarif .r4-total{margin-left:auto}
.r4-temuan{list-style:none;margin:0 0 var(--s3);padding:0;display:grid;gap:8px}
.r4-temuan li{display:flex;gap:var(--s3);flex-wrap:wrap;justify-content:space-between;padding:10px 14px;border-radius:var(--r1);background:var(--p2)}
.r4-temuan li.kurang,.r4-temuan li.blokir{background:var(--merah-l);color:var(--merah)}
.r4-temuan li.tinjau{background:var(--amber-l);color:var(--amber)}
.r4-temuan li.kurang .meta{color:inherit;opacity:.85}
.r4-sep{font-size:1.25rem;font-weight:600;margin-top:6px;letter-spacing:.02em}
.r4-sep-panel{margin-bottom:var(--s4)}

/* rawat inap: denah */
.r6-denah{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:var(--s4)}
.r6-kamar{padding:var(--s4)}
.r6-bed-baris{display:grid;gap:var(--s3)}
.r6-bed{display:grid;gap:6px;align-content:start;padding:var(--s4);border-radius:var(--r2);background:var(--p2);min-height:7.5rem;text-decoration:none;color:inherit;position:relative}
.r6-bed.terisi{box-shadow:inset 0 0 0 1.5px rgb(var(--ak)/.5);background:rgb(var(--ak)/.07)}
.r6-bed.terisi:hover{background:rgb(var(--ak)/.12)}
.r6-bed.kosong{box-shadow:inset 0 0 0 1.5px var(--garis);border:1.5px dashed var(--garis-isian)}
.r6-bed.dibersihkan{background:var(--amber-l)}
.r6-bed .tb{justify-self:start;margin-top:4px}
.r6-label{position:absolute;right:14px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.824rem;background:var(--p1);color:var(--teks2)}
.r6-pasien{font-size:1.059rem;padding-right:34px}
.r6-pilih{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:14px 16px;border-radius:var(--r1);background:var(--p2);min-height:56px;color:inherit;text-decoration:none;margin-top:var(--s2)}
.r6-pilih:hover{background:rgb(var(--ak)/.12)}
.r6-pasien-kartu{display:grid;gap:4px;padding:14px 16px;border-radius:var(--r1);background:var(--p2)}

/* rawat inap: detail */
.r6-ringkas{display:flex;gap:var(--s2);flex-wrap:wrap;margin:var(--s3) 0}
.r6-alasan{margin-bottom:var(--s4)}
.r6-aksi{display:flex;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s4)}
.r6-aksi form{display:contents}
.r6-kolom{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s4);align-items:start}
.r6-total{font-size:1.25rem;font-variant-numeric:tabular-nums}
.r6-grup{padding:var(--s2) 0;border-top:.5px solid var(--garis)}
.r6-grup-kepala,.r6-butir,.r6-jumlah>div{display:flex;justify-content:space-between;gap:var(--s3);align-items:center}
.r6-butir{color:var(--teks2);font-size:.941rem;padding:3px 0}
.r6-jumlah{border-top:.5px solid var(--garis);padding-top:var(--s3);display:grid;gap:6px}
.r6-jumlah .besar{font-size:1.118rem}
.r6-jumlah b{font-variant-numeric:tabular-nums}
.r6-um{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);align-items:end;margin-top:var(--s3)}
.r6-um .tb{grid-column:1/-1}
.r6-catatan{display:block;padding:12px 14px;border-radius:var(--r1);background:var(--p2);color:inherit;text-decoration:none}
a.r6-catatan:hover{background:rgb(var(--ak)/.1)}
.r6-catatan p{margin:6px 0 0;color:var(--teks2);white-space:pre-line}
.r6-catatan-kepala{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}
.r6-ringkasan{white-space:pre-line}
.r6-teks{min-height:16rem}
.r6-ubin{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--s4);margin-bottom:var(--s5)}
.r6-ubin .panel{display:grid;gap:6px;padding:var(--s5)}
.r6-angka{font-size:2rem;line-height:1.1;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}

@media (max-width:900px){
  .r4-data{grid-template-columns:1fr 1fr}
  .r4-baris{grid-template-columns:1fr}
  .r6-kolom{grid-template-columns:1fr}
}
@media (max-width:600px){
  .r4-data{grid-template-columns:1fr}
  .r4-tarif .r4-total{margin-left:0}
  .r4-tabel td.aksi{justify-content:flex-start}
  .r6-denah{grid-template-columns:1fr}
  .r6-um{grid-template-columns:1fr}
  .r6-aksi .tb{width:100%;justify-content:center}
}

/* perbaikan R3: tab "Tulis bebas" dan "Form ..." terpotong di HP 390 pada layar Kertas Pintar */
.kertas .judul{flex-wrap:wrap;row-gap:var(--s2)}
@media (max-width:600px){
  .kertas .judul .saring{display:flex;width:100%}
  .kertas .judul .saring button{flex:1 1 0;min-width:0;white-space:normal;line-height:1.2;padding-block:6px}
}

/* QC 14 Nov: di HP 390 pilihan mode patah ke baris kedua di dalam pil, dan kalimat sebab kiriman terjepit di kolom kanan yang sempit */
@media (max-width:600px){
  .r4-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;border-radius:var(--r2)}
  .r4-mode label{justify-content:center;text-align:center;height:auto;min-height:44px;padding:6px 8px;line-height:1.2;border-radius:calc(var(--r2) - 3px)}
  .r4-tabel td[data-label=Keadaan]{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--s3);row-gap:6px;text-align:left}
  .r4-tabel td[data-label=Keadaan] .chip{justify-self:end}
  .r4-tabel td[data-label=Keadaan] .sebab{grid-column:1/-1;text-align:left}
}
/* Siap klaim di HP: pemilih tanggal tidak terpotong; tanggal di baris sendiri, panah di bawahnya */
@media (max-width:640px){
  main.siapklaim .saring{display:flex;flex-wrap:wrap;overflow:visible;width:100%}
  main.siapklaim .saring a{flex:1 1 40%;justify-content:center;white-space:normal;text-align:center;display:inline-flex;align-items:center;gap:6px}
  main.siapklaim .saring a.aktif{order:-1;flex:1 1 100%}
}