/* SteWich Smart Retail - penyesuaian kecil di atas Tabler */
.sr-brand a { display: flex; align-items: center; gap: .5rem; }
.sr-brand-ikon { font-size: 1.5rem; color: var(--tblr-primary); }
.sr-brand-nama { font-weight: 700; font-size: 1rem; max-width: 12rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sr-badge-segera { font-size: .625rem; font-weight: 500; }
.navbar-vertical .dropdown-item { display: flex; align-items: center; }
.sr-kartu-angka { font-size: 1.5rem; font-weight: 700; line-height: 1.2; }
.sr-brand-logo { height: 2rem; width: auto; max-width: 3rem; object-fit: contain; border-radius: .25rem; background: #fff; }
/* Tabel panjang: area gulir sendiri, judul kolom tetap terlihat */
.sr-tabel-gulir { max-height: 60vh; overflow-y: auto; }
.sr-tabel-gulir thead.sticky-top th { background: var(--tblr-bg-surface); z-index: 1; }
[x-cloak] { display: none !important; }

/* ---- Tahap 4A: pembelian & stok ---- */
.sr-baris-imei > td { border-top: 0 !important; padding-top: 0 !important; }
.sr-daftar-imei { max-height: 22rem; overflow-y: auto; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); }
.sr-daftar-imei thead th { position: sticky; top: 0; background: var(--tblr-bg-surface); z-index: 1; }
.sr-klik { cursor: pointer; }

/* Dropdown hasil cari barang: latar solid (tidak tembus), baris tersorot jelas */
.sr-dropdown-cari {
    z-index: 1060; top: 100%; left: 0;
    background: var(--tblr-bg-surface);
    border: 1px solid var(--tblr-border-color-dark, var(--tblr-border-color));
    border-radius: var(--tblr-border-radius-lg, 8px);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, .45);
    overflow: hidden;
}
.sr-daftar-opsi { max-height: 26rem; overflow-y: auto; }
.sr-opsi-cari {
    background: var(--tblr-bg-surface); color: var(--tblr-body-color);
    border: 0; border-bottom: 1px solid var(--tblr-border-color); border-left: 4px solid transparent;
    padding: .6rem .9rem;
}
.sr-opsi-cari.aktif { background: var(--tblr-primary); color: #fff; border-left-color: #fff; }
.sr-opsi-sub { color: var(--tblr-secondary); }
.sr-opsi-cari.aktif .sr-opsi-sub { color: rgba(255, 255, 255, .8); }
.sr-opsi-imei { color: var(--tblr-blue); font-weight: 600; }
.sr-opsi-cari.aktif .sr-opsi-imei { color: #fff; }
.sr-opsi-ikon {
    width: 2.25rem; height: 2.25rem; flex: none; display: flex; align-items: center; justify-content: center;
    border-radius: 50%; background: var(--tblr-bg-surface-secondary, rgba(128,128,128,.15)); font-size: 1.2rem;
}
.sr-opsi-cari.aktif .sr-opsi-ikon { background: rgba(255, 255, 255, .2); }
.sr-opsi-petunjuk { padding: .4rem .9rem; font-size: .75rem; color: var(--tblr-secondary); background: var(--tblr-bg-surface-secondary, rgba(128,128,128,.08)); }

/* Teks rata kiri-kanan (paragraf keterangan) */
.sr-rata { text-align: justify; hyphens: auto; }

/* Riwayat unit IMEI (garis waktu) */
.sr-riwayat { list-style: none; margin: 0; padding: 0 0 0 1.25rem; border-left: 2px solid var(--tblr-border-color); }
.sr-riwayat-item { position: relative; padding: 0 0 1rem .75rem; }
.sr-riwayat-item:last-child { padding-bottom: 0; }
.sr-riwayat-titik { position: absolute; left: -1.95rem; top: .2rem; width: .9rem; height: .9rem; border-radius: 50%;
    border: 2px solid var(--tblr-bg-surface); }