/* [NALA_SURAT_V1] Lapisan visual menu Surat. Prefix .srt-*.
   Memakai token Nala yang sudah ada (--soga, --ink, --line, --surface, …).

   [NALA_SURAT_KERTAS_V1] 2026-09-07 — PERMUKAAN SUNTINGNYA ADALAH SURATNYA.
   Versi pertama berupa formulir: 25 kolom isian sekaligus untuk Confirmation
   Letter, di 7 blok berjudul. Vonis Mas Dimas: "terlalu kaku, fields-nya
   kebanyakan". Sekarang tidak ada layar formulir sama sekali — staff mengetik
   DI ATAS kertas surat yang berkop, di posisi tempat teksnya akan tercetak.
   Isian tidak berbingkai sampai disentuh; yang terlihat adalah surat, bukan
   basis data.

   Ukuran kertas mengikuti berkas kop yang sama dengan PDF (rasio A4 persis),
   dan paddingnya dihitung dari milimeter yang SAMA dengan `app/surat_pdf.py`:
   kiri/kanan 24mm dari 210mm = 11,43%; atas 46mm dari 297mm = 21,9% LEBAR
   (padding persen selalu relatif lebar). Kalau angka di surat_pdf.py berubah,
   ubah di sini juga — kalau tidak, layar dan cetakan berselisih. */

.srt-page{max-width:1180px}

/* ── Kepala halaman ──────────────────────────────────────────────────────── */
.srt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  margin:calc(-1 * var(--page-pad)) calc(-1 * var(--page-pad)) 16px;
  padding:22px var(--page-pad) 18px;color:#F7F1DE;background-color:#3A2415;
  background-image:linear-gradient(90deg,rgba(58,36,21,.96),rgba(58,36,21,.82)),url('/static/motif/kawung.svg');
  background-size:auto,80px 80px;border-bottom:1px solid rgba(224,190,120,.5)}
.srt-head h1{font-family:'Crimson Pro',serif;font-size:30px;line-height:1;margin:3px 0 4px;color:#FFF9E9}
.srt-head p{margin:0;color:rgba(255,249,233,.78);font-size:12.5px}
.srt-eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:#E0BE78;margin-bottom:4px}

.srt-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:18px;gap:3px}
.srt-tabs button{border:0;background:transparent;color:var(--ink-3);font:inherit;font-weight:650;
  padding:10px 16px;border-bottom:3px solid transparent;cursor:pointer}
.srt-tabs button:hover{color:var(--ink);background:var(--hover)}
.srt-tabs button.active{color:var(--soga-d);border-bottom-color:var(--soga);background:var(--surface)}

/* ── Pemilih jenis: pil kecil, bukan kartu besar ─────────────────────────
   Jenis surat sekarang terbaca dari kertasnya sendiri (judul + isinya
   berubah), jadi pemilihnya tidak perlu menjelaskan apa-apa lagi. */
.srt-pilih{display:flex;gap:8px;justify-content:center;margin:0 0 16px;flex-wrap:wrap}
.srt-pilih button{border:1px solid var(--line);background:var(--surface);color:var(--ink-3);
  font:inherit;font-size:13px;font-weight:600;padding:7px 16px;border-radius:999px;cursor:pointer}
.srt-pilih button:hover{border-color:var(--soga);color:var(--ink)}
.srt-pilih button.active{background:#3A2415;border-color:#3A2415;color:#F7F1DE}
.srt-pilih button[disabled]{opacity:.4;cursor:not-allowed}

/* ── KERTAS ──────────────────────────────────────────────────────────────── */
/* Pembungkus DIPERSEMPIT persis selebar kertas. Ini bukan kosmetik: padding
   persen diukur terhadap lebar BLOK INDUK, bukan terhadap elemennya sendiri.
   Versi pertama membiarkan .srt-meja selebar kolom halaman (~1127px) sementara
   kertasnya 860px, jadi SEMUA margin membesar 1,31x — 46mm jadi 60mm, 24mm jadi
   31mm. Terukur, bukan dikira: Mas Dimas melihatnya lebih dulu dengan mata. */
.srt-meja{width:min(860px,100%);margin:0 auto;padding:0 0 130px}
/* `aspect-ratio`, BUKAN `min-height`. `min-height:calc(... * min(860px,100%))`
   di versi pertama tidak pernah berlaku sama sekali: di dalam `min-height`,
   `100%` diukur terhadap TINGGI blok induk (yang `auto`), bukan lebarnya.
   `aspect-ratio` memberi tinggi A4 saat isinya sedikit, dan tetap memanjang
   saat isinya lebih panjang dari satu halaman. */
.srt-kertas{width:100%;box-sizing:border-box;aspect-ratio:210 / 297;position:relative;
  /* [NALA_SURAT_HALAMAN_V1] Satu ubin A4 UTUH, diulang tiap halaman. Ukuran
     `100% var(--tinggi-hal)` itu persis rasio alami berkasnya (1414x2000 = A4),
     jadi ubinnya jatuh tepat di batas halaman: tiap halaman dapat kop, cincin
     watermark, DAN kotak emas kakinya sendiri — sama seperti PDF, yang
     mengulang kop lewat `position: fixed`.
     Ini hanya benar KARENA `susunHalaman()` di surat.jsx mendorong blok isi
     melewati batas halaman. Tanpa dorongan itu, paragraf akan duduk di atas
     kotak logo hitam halaman berikutnya. Jangan cabut salah satunya saja. */
  background:url('/static/img/kop-surat-trph.png') top center /
             100% var(--tinggi-hal, auto) repeat-y, #fff;
  box-shadow:0 10px 40px rgba(31,24,18,.16),0 1px 3px rgba(31,24,18,.10);
  /* 46mm/210 = 21,90% · 24mm/210 = 11,43% · 22mm/210 = 10,48%.
     Angka yang SAMA dengan `@page` di app/surat_pdf.py. */
  padding:21.90% 11.43% 10.48%;
  font-family:'IBM Plex Sans',sans-serif;font-size:13.9px;line-height:1.62;color:#1F1812}
.srt-kertas p{margin:0 0 13px;text-align:justify}

.srt-judul{text-align:center;margin-bottom:22px}
.srt-judul h2{font-family:'Crimson Pro',serif;font-size:23px;font-weight:700;margin:0;
  text-transform:uppercase;letter-spacing:.16em;text-decoration:underline;text-underline-offset:5px}
.srt-nomor{font-size:12.5px;color:#5B4A38;margin-top:7px}
.srt-nomor.belum{font-style:italic;color:#8A7A66}

/* ── Isian yang menyamar jadi teks ───────────────────────────────────────
   Tidak berbingkai sampai disentuh. Garis putus-putus tipis saat hover
   memberi tahu "ini bisa diketik" tanpa membuat halaman terlihat seperti
   formulir; latar krem lembut saat fokus menandai tempat kursor berada. */
.srt-isi{border:0;background:transparent;font:inherit;color:inherit;padding:1px 4px;
  border-radius:2px;outline:0;box-shadow:inset 0 -1px 0 rgba(164,135,44,.28)}
.srt-isi:hover{background:rgba(164,135,44,.07);box-shadow:inset 0 -1px 0 rgba(164,135,44,.55)}
.srt-isi:focus{background:#FFF8E6;box-shadow:inset 0 -2px 0 var(--soga)}
.srt-isi::placeholder{color:#A2957F;font-style:italic}
.srt-isi.tebal{font-weight:650}
.srt-isi.blok{display:block;width:100%;resize:none;overflow:hidden;line-height:1.62;
  text-align:justify}
.srt-isi.angka{text-align:right;font-variant-numeric:tabular-nums}
.srt-isi.tengah{text-align:center}
select.srt-isi{cursor:pointer;-webkit-appearance:none;appearance:none;padding-right:16px;
  background-image:linear-gradient(45deg,transparent 50%,#8A7A66 50%),
                   linear-gradient(135deg,#8A7A66 50%,transparent 50%);
  background-position:right 6px center,right 2px center;
  background-size:4px 4px,4px 4px;background-repeat:no-repeat}
select.srt-isi:hover{background-color:rgba(164,135,44,.07)}

/* Tanggal: teks Indonesia yang diklik, bukan mm/dd/yyyy bawaan peramban —
   kolom tanggal asli merusak ilusi "ini surat", dan formatnya bukan format
   yang tercetak. */
.srt-tanggal{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;
  padding:1px 4px;border-radius:2px;box-shadow:inset 0 -1px 0 rgba(164,135,44,.28)}
.srt-tanggal:hover{background:rgba(164,135,44,.07);box-shadow:inset 0 -1px 0 rgba(164,135,44,.55)}

/* ── Daftar berlabel (Nama : …) ─────────────────────────────────────────── */
.srt-baris-label{display:flex;gap:6px;align-items:baseline;margin-bottom:3px}
.srt-baris-label>span:first-child{flex:0 0 128px}
.srt-baris-label>span:nth-child(2){flex:0 0 8px}
.srt-baris-label>*:last-child{flex:1 1 auto;min-width:0}

/* ── Tabel di dalam surat: bentuknya SAMA dengan yang dicetak ───────────── */
.srt-tabel-luar{margin:12px 0 16px;overflow-x:auto}
table.srt-tbl{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}
table.srt-tbl th{border:1px solid #1F1812;padding:6px 7px;font-size:11.5px;font-weight:700;
  text-align:center;background:#F6F3EA;letter-spacing:.02em}
table.srt-tbl td{border:1px solid #8A7A66;padding:3px 5px;background:#fff;vertical-align:middle}
table.srt-tbl td.no{width:34px;text-align:center;color:#6B5A46;font-size:12.5px}
table.srt-tbl td.buang{width:28px;border:0;background:transparent;padding-left:6px}
table.srt-tbl .srt-isi{width:100%;box-shadow:none}
table.srt-tbl .srt-isi:hover{background:rgba(164,135,44,.09)}
table.srt-tbl tr.total td{background:#F6F3EA;font-weight:700;border-top:1.5px solid #1F1812}
.srt-x{border:0;background:transparent;color:#B3573F;cursor:pointer;font-size:16px;line-height:1;
  padding:2px 4px;border-radius:2px;opacity:0}
tr:hover .srt-x,li:hover .srt-x{opacity:.75}
.srt-x:hover{opacity:1;background:#FAEAE5}
/* Tombol editor dirampingkan: ia tidak ikut tercetak, jadi tiap piksel
   tingginya adalah selisih antara halaman di layar dan halaman di kertas. */
.srt-tambah{border:1px dashed rgba(164,135,44,.55);background:transparent;color:#7A5C24;
  font:inherit;font-size:11px;font-weight:600;padding:2px 9px;border-radius:3px;cursor:pointer}
.srt-tambah:hover{background:rgba(164,135,44,.09);border-style:solid}

/* ── Daftar berpoin yang bisa disunting per baris ───────────────────────── */
.srt-poin{margin:0 0 6px;padding:0;list-style:none}
.srt-poin li{display:flex;align-items:flex-start;gap:7px;margin-bottom:3px}
.srt-poin li::before{content:'•';color:#7A5C24;line-height:1.62;flex:0 0 auto}
.srt-poin li>.srt-isi{flex:1 1 auto;min-width:0}
.srt-bagian{font-size:14px;font-weight:700;color:#7A5C24;margin:16px 0 6px;letter-spacing:.01em}

/* ── Sunting kalimat baku di tempat ─────────────────────────────────────── */
.srt-baku{position:relative}
.srt-baku p{margin-bottom:0}
.srt-pena{border:0;background:transparent;color:#A2957F;cursor:pointer;font-size:13px;
  padding:0 5px;opacity:0;transition:opacity .12s}
.srt-baku:hover .srt-pena{opacity:1}
.srt-pena:hover{color:#7A5C24}

/* ── Tanda tangan ───────────────────────────────────────────────────────── */
/* 6mm dan 22mm — angka yang SAMA dengan .ttd di app/surat_pdf.py,
   dikonversi pada lebar kertas 860px (1mm = 4,095px). Kalau salah satu
   diubah tanpa yang lain, layar dan cetakan berselisih satu halaman. */
.srt-ttd-baris{display:flex;gap:24px;margin-top:25px;flex-wrap:wrap}
.srt-ttd{flex:1 1 240px;min-width:0}
.srt-ttd .ruang{height:74px}
.srt-ttd .garis{border-top:1px solid #1F1812;padding-top:5px;font-weight:650;max-width:250px}
.srt-ttd .jabatan{color:#5B4A38}

/* ── Bilah aksi melayang ─────────────────────────────────────────────────
   Menempel di bawah supaya tombol Terbitkan selalu terjangkau walau suratnya
   panjang — pada versi formulir tombolnya ada di dasar halaman dan surat 40
   tamu membuatnya berjarak dua layar. */
.srt-bilah{position:sticky;bottom:0;z-index:6;display:flex;align-items:center;gap:12px;
  margin:0 calc(-1 * var(--page-pad));padding:12px var(--page-pad);
  background:rgba(250,246,238,.94);backdrop-filter:blur(7px);
  border-top:1px solid var(--line);flex-wrap:wrap}
.srt-bilah .catat{margin-right:auto;color:var(--ink-4);font-size:12px}
.srt-err{background:#FAEAE5;color:#842D1B;border:1px solid #D9A697;padding:10px 13px;
  margin:0 0 14px;font-size:12.5px}
.srt-ok{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#EDF5E7;
  border:1px solid #A9C598;border-left:4px solid var(--green);padding:11px 14px;
  margin-bottom:16px;font-size:13px;flex-wrap:wrap}
.srt-ok-aksi{display:flex;gap:7px;align-items:center;flex-wrap:wrap}

/* ── Arsip ──────────────────────────────────────────────────────────────── */
.srt-filter{display:grid;grid-template-columns:2fr repeat(4,minmax(120px,1fr)) auto;gap:10px;
  padding:14px;margin-bottom:14px;background:var(--panel-dark-2);
  border:1px solid rgba(224,190,120,.23)}
.srt-filter .field-lbl{color:#F5ECD9;font-size:11px}
.srt-filter .input,.srt-filter select{min-height:38px;font-size:13px;width:100%}
.srt-filter-aksi{display:flex;gap:8px;align-items:flex-end}
.srt-tabel-bungkus{overflow-x:auto;border:1px solid var(--line);background:var(--surface)}
table.srt-arsip{width:100%;border-collapse:collapse;min-width:920px;font-size:13px}
table.srt-arsip th{background:var(--band);text-align:left;font-size:10.5px;text-transform:uppercase;
  letter-spacing:.07em;color:var(--ink-3);font-weight:750;padding:10px 12px;
  border-bottom:1px solid var(--line)}
table.srt-arsip td{padding:10px 12px;border-bottom:1px solid var(--line-2);vertical-align:middle}
table.srt-arsip tr:hover td{background:var(--hover)}
table.srt-arsip td.srt-nomor-sel{font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}
table.srt-arsip td.srt-tombol{white-space:nowrap;text-align:right}
table.srt-arsip td.srt-tombol .btn{margin-left:5px}
.srt-kosong{padding:34px 16px;text-align:center;color:var(--ink-4);font-style:italic}
.srt-jenis-tag{display:inline-block;padding:2px 8px;border:1px solid var(--line);background:var(--band);
  font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.srt-status{display:inline-block;padding:2px 9px;font-size:10.5px;font-weight:750;letter-spacing:.06em}
.srt-status.aktif{background:#EDF5E7;color:#35622C;border:1px solid #A9C598}
.srt-status.batal{background:#FAEAE5;color:#962E1D;border:1px solid #D9A697}
.srt-hal{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;
  font-size:12.5px;color:var(--ink-4);flex-wrap:wrap}

.srt-modal-baris{display:grid;grid-template-columns:1fr;gap:14px}
.srt-modal-baris .input,.srt-modal-baris textarea{width:100%}

/* ── HP ─────────────────────────────────────────────────────────────────── */
@media (max-width: 1080px){ .srt-filter{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width: 720px){
  .srt-head{flex-direction:column;align-items:flex-start;gap:10px}
  .srt-head h1{font-size:25px}
  .srt-meja{padding-bottom:120px}
  /* Kertas jadi penuh layar dan padding atasnya mengecil: kop tetap presisi
     karena semuanya persen dari LEBAR, bukan piksel tetap. */
  .srt-kertas{--w:100%;font-size:14px;padding-left:8%;padding-right:8%}
  /* Di 390px baris "Nama : ____" tidak muat sebaris: nilainya turun sendiri
     dan titik duanya menggantung di ujung baris sebelumnya. Ditumpuk saja —
     label kecil di atas, nilai selebar kertas. Ilusi "ini surat" memang tidak
     bisa dipertahankan di layar selebar telapak tangan, dan yang dibutuhkan
     staff di sana keterbacaan, bukan kemiripan. */
  .srt-baris-label{display:block;margin-bottom:9px}
  .srt-baris-label>span:first-child{display:block;font-size:11.5px;color:#6B5A46;
    letter-spacing:.03em;margin-bottom:1px}
  .srt-baris-label>span:nth-child(2){display:none}
  .srt-baris-label>*:last-child{display:block;width:100%}
  .srt-filter{grid-template-columns:1fr}
  /* <16px memicu zoom otomatis iOS pada SEMUA kolom isian. */
  .srt-isi,.srt-tanggal,.srt-filter .input,.srt-filter select,
  .srt-modal-baris .input,.srt-modal-baris textarea{font-size:16px}
  table.srt-tbl{font-size:15px}
  .srt-ttd-baris{gap:10px}
  .srt-bilah{gap:8px}
  .srt-bilah .catat{width:100%;margin-bottom:2px}
}

/* Kolom pembuang di ujung kanan tabel BUKAN kolom data: tanpa aturan ini ia
   mewarisi latar krem <th> dan terbaca sebagai kolom kosong yang ganjil. */
table.srt-tbl th.kosong,table.srt-tbl td.kosong{border:0;background:transparent;width:28px;padding:0}
/* Tanggal di dalam sel tabel mengisi selnya dan rata tengah seperti saat dicetak. */
.srt-tanggal.pendek{display:block;width:100%;text-align:center;box-shadow:none;padding:3px 2px}
.srt-tanggal.pendek:hover{background:rgba(164,135,44,.09)}
/* Butir daftar memakai textarea tumbuh; ratakan kiri supaya tidak ikut
   justify seperti paragraf badan surat. */
.srt-poin li>.srt-isi.blok{text-align:left;margin:0}

/* Garis batas halaman cetak. `--tinggi-hal` dipasang dari JSX (ResizeObserver)
   karena tidak ada satuan CSS yang menyatakan "141,44% dari LEBAR elemen ini"
   pada sumbu tinggi. Garisnya PENUNJUK, bukan janji: perenderan peramban dan
   weasyprint tidak identik, jadi pada surat panjang posisinya bisa meleset
   beberapa baris. Yang mengikat tetap PDF-nya. */
.srt-kertas::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(to bottom,
    transparent 0,
    transparent calc(var(--tinggi-hal, 9999px) - 9px),
    rgba(31,24,18,.045) calc(var(--tinggi-hal, 9999px) - 9px),
    rgba(31,24,18,.11) calc(var(--tinggi-hal, 9999px) - 1px),
    rgba(31,24,18,.24) calc(var(--tinggi-hal, 9999px) - 1px),
    rgba(31,24,18,.24) var(--tinggi-hal, 9999px))}

/* Garis batas halaman DISEMBUNYIKAN di HP. Di kertas selebar 370px, teks 16px
   proporsional jauh lebih besar daripada 10pt di atas 210mm — surat yang sama
   terukur 1,83 "halaman A4" di HP padahal PDF-nya satu halaman. Garis yang
   menunjuk batas yang tidak akan terjadi lebih buruk daripada tidak ada garis.
   Karena alasan yang sama, tata letak HP memang TIDAK mengaku pratinjau A4:
   marginnya sengaja lebih longgar (8% bukan 11,43%) demi lebar tulis. */
@media (max-width: 720px){
  .srt-kertas{aspect-ratio:auto;
    /* Ubin A4 tidak dipakai di HP: tinggi halamannya cuma ~523px di sana, jadi
       kop akan berulang tiap sejengkal. Kembali ke dua potongan — kepala di
       atas, kaki emas di bawah, tanpa pengulangan. */
    background:url('/static/img/kop-surat-atas.png') top center / 100% auto no-repeat,
               url('/static/img/kop-surat-bawah.png') bottom center / 100% auto no-repeat,
               #fff}
  .srt-kertas::after{display:none}
}
.srt-kaki-kertas{width:min(860px,100%);margin:-118px auto 0;padding:0 0 8px;
  font-size:11.5px;color:var(--ink-4);text-align:center}
@media (max-width: 720px){ .srt-kaki-kertas{display:none} }

/* ── [NALA_SURAT_CL_V2] Konfirmasi Pemesanan yang diringkas ──────────────── */
.srt-kepada{margin-bottom:14px;line-height:1.55}
.srt-pisah{color:#6B5A46}
.srt-jam{color:#5B4A38}
.srt-rapat .srt-baris-label{margin-bottom:1px}
/* Alat hitung tarif/malam: SENGAJA di luar kertas surat secara visual — ia
   tidak tercetak, jadi menaruhnya di badan surat akan berbohong tentang isi
   dokumen. Diletakkan sebaris dengan tombol "+ tambah baris", diredam. */
.srt-tarif-bantu{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin:-6px 0 8px}
.srt-hitung{display:flex;align-items:center;gap:6px;margin-left:auto;
  font-size:11.5px;color:var(--ink-4)}
.srt-hitung .srt-isi{width:96px;font-size:12.5px;color:var(--ink-3);
  box-shadow:inset 0 -1px 0 rgba(164,135,44,.22)}
.srt-opsional{opacity:.6;font-weight:500}
.srt-opsional:hover{opacity:1}
@media (max-width: 720px){
  .srt-hitung{margin-left:0;width:100%}
  .srt-hitung .srt-isi{font-size:16px}
}

/* ── Kendali editor yang TIDAK memakan tinggi halaman ────────────────────
   Tiap piksel tinggi tombol adalah selisih antara halaman di layar dan
   halaman di kertas: tombolnya tidak ikut tercetak. Pembungkusnya setinggi
   NOL dan tombolnya diletakkan di margin kanan kertas (24mm = ~98px), jadi
   jumlah halaman editor sama dengan jumlah halaman PDF. */
.srt-aksi-blok{position:relative;height:0}
.srt-aksi-blok>.srt-tambah{position:absolute;top:-30px;right:-86px;white-space:nowrap}
.srt-poin+.srt-aksi-blok>.srt-tambah{top:-28px}
/* Kolom alat hitung tarif: ada di layar, tidak di kertas. Diredam supaya
   terbaca sebagai alat bantu, bukan bagian surat. */
table.srt-tbl th.bantu{background:transparent;border:0;border-bottom:1px dashed rgba(164,135,44,.4);
  color:#A2957F;font-weight:600;font-size:10px;font-style:italic;width:86px}
table.srt-tbl td.bantu{background:transparent;border:0;border-bottom:1px dashed rgba(164,135,44,.25)}
table.srt-tbl td.bantu .srt-isi{color:#8A7A66;font-size:12px}
table.srt-tbl tr.total td.bantu{background:transparent;border-top:0}
@media (max-width: 720px){
  .srt-aksi-blok{height:auto;margin-bottom:8px}
  .srt-aksi-blok>.srt-tambah{position:static}
}

/* `<select>` jabatan di blok tanda tangan punya tinggi minimum bawaan peramban
   dan menggelembungkan satu baris teks jadi ~14px lebih tinggi daripada baris
   yang sama di cetakan. Di halaman yang pas-pasan, 14px itu yang melempar blok
   tanda tangan ke halaman berikutnya padahal PDF-nya masih satu halaman. */
.srt-ttd select.srt-isi,.srt-ttd .srt-isi{min-height:0;height:auto;padding:0 16px 0 4px;
  line-height:1.62}
.srt-ttd .garis{padding-top:4px}

/* Dua `.srt-aksi-blok` yang bersebelahan sama-sama setinggi NOL, jadi tombol
   melayangnya mendarat di titik yang persis sama dan yang belakangan MENUTUPI
   yang depan — `+ info` membuat `+ butir` mustahil diklik. Ditemukan karena
   uji Playwright-nya gagal, bukan karena kelihatan: dua tombol bertumpuk di
   margin terlihat seperti satu tombol biasa. */
.srt-aksi-blok + .srt-aksi-blok > .srt-tambah{top:0}