/* ============================================================ YQ SELECT — dropdown seragam + bisa dicari, untuk seluruh admin ------------------------------------------------------------ Dipakai dengan cara MEMBUNGKUS lalu tulis [data-yq-tema="toko"] { --yqs-utama: ... } Atributnya disalin ke panel oleh yq_select.js. ------------------------------------------------------------ */ :root { --yqs-bg: #fff; --yqs-teks: #2a3547; --yqs-redup: #9aa5b8; --yqs-garis: #dfe5ef; --yqs-garis-hover: #c3cddc; --yqs-panah: #7c8fac; /* Warna aksen: tepi saat fokus, dan latar pilihan yang sedang aktif. */ --yqs-utama: #5d87ff; --yqs-utama-teks: #fff; --yqs-cincin: rgba(93, 135, 255, .18); --yqs-sorot: #f2f6ff; --yqs-mati-bg: #f4f6fa; --yqs-tandai: #fff2b8; --yqs-tebal: 1px; --yqs-tinggi: 40px; --yqs-radius: 7px; --yqs-radius-panel: 9px; } /* Select aslinya disembunyikan TANPA display:none — elemen dengan display:none tidak bisa difokuskan, dan validasi bawaan browser ("required") menolak memfokuskannya lalu melempar error di console sambil membatalkan submit tanpa pesan apa pun ke pengguna. */ .yq-sel-native { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; opacity: 0; } .yq-sel { position: relative; display: block; width: 100%; } /* Select yang duduk DI TENGAH KALIMAT, bukan sebagai kolom form. Contohnya "Tampilkan [10] entri" milik DataTables: markup-nya . Dengan block + width:100% kalimatnya terpotong tiga baris dan kata "entri" terlempar ke bawah kotaknya. Kelas ini dipasang otomatis oleh yq_select.js ketika induk select-nya sebuah