.dft-bar{flex-wrap:wrap;align-items:flex-end;gap:10px;margin:14px 0;display:flex}.dft-cari{flex:220px;min-width:200px}.dft-cari input{width:100%}.dft-f{flex-direction:column;gap:4px;min-width:130px;display:flex}.dft-f label{color:var(--muted,#5b6470);font-size:12.5px;font-weight:600}.dft-kecil{min-width:90px}.dft-aksi{flex-wrap:wrap;gap:8px;display:flex}.dft-sr{position:absolute;left:-9999px}.dft-halaman{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;margin-top:14px;display:flex}.dft-info{color:var(--muted,#5b6470);font-size:13.5px}.dft-halaman ul{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.dft-halaman li a,.dft-halaman li>span{border:1px solid var(--border,#d9dee5);min-width:40px;height:40px;color:inherit;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;text-decoration:none;display:inline-flex}.dft-halaman li a:hover{border-color:var(--ink,#111)}.dft-halaman li>span[aria-disabled]{opacity:.45}.dft-halaman li>.dft-now{background:var(--ink,#111);color:#fff;border-color:var(--ink,#111);font-weight:700}.dft-halaman li>.dft-titik{background:0 0;border:0;min-width:24px;padding:0}@media (max-width:560px){.dft-f{flex:45%}.dft-aksi{width:100%}.dft-aksi .btn{flex:1}}.dft-tombol{border:1px solid var(--border,#d9dee5);min-width:40px;height:40px;font:inherit;color:inherit;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;display:inline-flex}.dft-tombol:disabled{opacity:.45;cursor:default}.dft-tombol:hover:not(:disabled){border-color:var(--ink,#111)}.dft-tombol.dft-now{background:var(--ink,#111);color:#fff;border-color:var(--ink,#111);font-weight:700}