.cs-filter{margin-bottom:.25rem}
.cs-info{min-height:1.5rem;margin:1rem 0 .6rem;color:var(--bs-secondary-color,#5d6b82);font-size:.92rem}
#cs-hasil{transition:opacity .15s}
.cs-tabel{width:100%;border-collapse:separate;border-spacing:0;background:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#dde3ee);border-radius:12px;overflow:hidden}
.cs-tabel th,.cs-tabel td{padding:.7rem 1rem;text-align:left;border-bottom:1px solid var(--bs-border-color,#dde3ee);vertical-align:top}
.cs-tabel tr:last-child td{border-bottom:0}
.cs-tabel th{font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--bs-secondary-color,#5d6b82);background:rgba(128,128,128,.07)}
.cs-tabel tbody tr:hover td{background:rgba(128,128,128,.04)}
.cs-tabel td:nth-child(1),.cs-tabel td:nth-child(2){font-variant-numeric:tabular-nums;white-space:nowrap}
.cs-nama{font-weight:600}
.cs-tabel small{display:block;margin-top:.15rem;color:var(--bs-secondary-color,#5d6b82);font-size:.76rem}
.cs-tabel small.cs-tag{display:inline-block;margin:0 0 0 .5rem;padding:.05rem .55rem;border-radius:99px;background:rgba(128,128,128,.18);color:inherit;font-size:.7rem;font-weight:600;letter-spacing:.03em;vertical-align:middle}
.cs-pager{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;font-size:.92rem}
.cs-pager a,.cs-pager span[aria-disabled]{padding:.5rem .9rem;border:1px solid var(--bs-border-color,#dde3ee);border-radius:10px;background:var(--bs-body-bg,#fff);color:inherit;text-decoration:none;white-space:nowrap}
.cs-pager a:hover{border-color:currentColor}
.cs-pager span[aria-disabled]{opacity:.45}
.cs-hal{color:var(--bs-secondary-color,#5d6b82)}
.cs-foot{margin:1.5rem 0 0;color:var(--bs-secondary-color,#5d6b82);font-size:.82rem}
@media (max-width:640px){
  .cs-tabel{border-radius:12px}
  .cs-tabel thead{display:none}
  .cs-tabel,.cs-tabel tbody,.cs-tabel tr,.cs-tabel td{display:block;width:100%}
  .cs-tabel tr{display:flex;flex-direction:column;padding:.7rem 1rem;border-bottom:1px solid var(--bs-border-color,#dde3ee)}
  .cs-tabel tr:last-child{border-bottom:0}
  .cs-tabel td{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.15rem 0;border:0;white-space:normal!important}
  .cs-tabel td::before{content:attr(data-label);flex:0 0 auto;color:var(--bs-secondary-color,#5d6b82);font-weight:400}
  .cs-tabel .cs-v{text-align:right;min-width:0;overflow-wrap:anywhere}
  .cs-tabel td.cs-nama{order:-1;padding-bottom:.35rem}
  .cs-tabel td.cs-nama::before{display:none}
  .cs-tabel td.cs-nama .cs-v{text-align:left;font-size:1.04rem}
  .cs-pager{gap:.5rem}
  .cs-pager>a,.cs-pager>span[aria-disabled]{flex:1;text-align:center;padding:.6rem .5rem}
  .cs-hal{display:none}
}