/* ===== Kotak pencarian bersama (saring tabel/kartu) + Cari Semua di topbar ===== */
.cari-kotak { position:relative; flex:1; min-width:240px; }
.cari-kotak > i.fa-magnifying-glass { position:absolute; left:14px; top:50%; transform:translateY(-50%); color:#8a949e; pointer-events:none; }
.cari-kotak input { width:100%; margin:0; padding:11px 74px 11px 40px; border:1.5px solid #dfe3e8; border-radius:12px; font-size:13.5px; background:#fff; transition:border-color .15s, box-shadow .15s; }
.cari-kotak input:focus { outline:none; border-color:var(--hijau); box-shadow:0 0 0 3px rgba(26,122,76,.12); }
.cari-kotak .cari-hapus { position:absolute; right:12px; top:50%; transform:translateY(-50%); border:0; background:#e9edf1; color:#566; width:22px; height:22px; border-radius:50%; font-size:11px; cursor:pointer; display:none; padding:0; }
.cari-kotak.ada-isi .cari-hapus { display:block; }
.cari-kotak kbd { position:absolute; right:12px; top:50%; transform:translateY(-50%); font:600 10.5px/1 Consolas,monospace; background:#f1f3f5; border:1px solid #dfe3e8; border-bottom-width:2px; color:#6b7785; border-radius:5px; padding:3px 6px; pointer-events:none; }
.cari-kotak.ada-isi kbd { display:none; }
.cari-info { font-size:12px; color:#6b7785; white-space:nowrap; } .cari-info b { color:#1f2d3d; }
.cari-kosong td { text-align:center; color:#8a949e; padding:34px 10px !important; white-space:normal !important; }
.cari-kosong td i, .cari-kosong-blok i { display:block; font-size:26px; margin-bottom:8px; opacity:.5; }
.cari-kosong-blok { grid-column:1/-1; text-align:center; color:#8a949e; padding:34px 10px; }

.gs-wrap { position:relative; }
.gs-kotak { position:relative; } .gs-kotak > i { position:absolute; left:12px; top:50%; transform:translateY(-50%); color:#8a949e; font-size:13px; pointer-events:none; }
.gs-kotak input { margin:0; width:230px; padding:8px 44px 8px 34px; border:1.5px solid #dfe3e8; border-radius:20px; font-size:13px; background:#f6f8fa; transition:width .2s, background .2s, border-color .2s; }
.gs-kotak input:focus { outline:none; width:340px; background:#fff; border-color:var(--hijau); box-shadow:0 0 0 3px rgba(26,122,76,.12); }
.gs-kotak kbd { position:absolute; right:10px; top:50%; transform:translateY(-50%); font:600 10px/1 Consolas,monospace; background:#fff; border:1px solid #dfe3e8; border-bottom-width:2px; color:#6b7785; border-radius:5px; padding:3px 6px; pointer-events:none; }
.gs-panel { display:none; position:absolute; right:0; top:calc(100% + 8px); width:440px; max-width:92vw; max-height:70vh; overflow:auto; background:#fff; border:1px solid #e2e6ea; border-radius:14px; box-shadow:0 12px 36px rgba(15,40,30,.18); z-index:80; padding:6px; }
.gs-panel.buka { display:block; }
.gs-grup { font-size:10.5px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; color:#8a949e; padding:10px 10px 4px; }
.gs-item { display:flex; gap:10px; align-items:center; padding:8px 10px; border-radius:9px; text-decoration:none; color:#1f2d3d; }
.gs-item .ik { width:30px; height:30px; border-radius:9px; background:#eaf6ef; color:var(--hijau-tua); display:flex; align-items:center; justify-content:center; font-size:13px; flex:none; }
.gs-item b { font-size:13px; display:block; line-height:1.25; } .gs-item small { color:#6b7785; font-size:11.5px; display:block; line-height:1.25; }
.gs-item.aktif, .gs-item:hover { background:#f1f6f3; }
.gs-item mark { background:#fff1b8; color:inherit; border-radius:3px; padding:0 1px; }
.gs-kosong { text-align:center; color:#8a949e; font-size:13px; padding:22px 10px; }
@media (max-width:760px) { .gs-kotak input { width:38px; padding-right:8px; color:transparent; } .gs-kotak input::placeholder { color:transparent; } .gs-kotak kbd { display:none; } .gs-kotak input:focus { width:min(78vw,320px); color:inherit; } .gs-panel { position:fixed; left:10px; right:10px; top:60px; width:auto; max-width:none; } }