/* Layanan hukum (18 Oktober 2026): pelengkap tampilan modul kasus.
   Dimuat sesudah qira.css. Hanya memuat kelas baru agar tidak menimpa gaya lain. */

.status-pill {
  display: inline-block;
  padding: .18rem .55rem;
  border-radius: 999px;
  background: #eef4f1;
  border: 1px solid #cfe0d8;
  color: #12523f;
  font-size: .8rem;
  font-weight: 600;
  white-space: nowrap;
}

.filter-bar,
.filter-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: .6rem .9rem;
  margin: 1rem 0 1.15rem;
  padding: .85rem 1rem;
  border: 1px solid #e2e7e3;
  border-radius: 14px;
  background: #fff;
}

.filter-bar label {
  display: block;
  font-size: .82rem;
  font-weight: 600;
  color: #3d4a52;
}

.filter-bar input[type="search"],
.filter-bar select {
  min-width: 12rem;
}

.filter-form .form-grid {
  width: 100%;
}

.inline-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: .6rem .9rem;
}

.inline-form label {
  display: block;
  font-size: .82rem;
  font-weight: 600;
  color: #3d4a52;
}

.inline-search {
  display: flex;
  gap: .5rem;
  align-items: center;
}

.inline-search input {
  flex: 1 1 auto;
}

.search-results {
  display: grid;
  gap: .35rem;
  margin-top: .5rem;
}

.search-result-item {
  display: block;
  width: 100%;
  text-align: left;
  padding: .55rem .75rem;
  border: 1px solid #dbe4de;
  border-radius: 10px;
  background: #fbfdfb;
  color: #17324d;
  font-size: .92rem;
  cursor: pointer;
}

.search-result-item:hover,
.search-result-item:focus-visible {
  border-color: #176b55;
  background: #f0f7f3;
}

.selected-child {
  margin-top: .6rem;
  padding: .55rem .75rem;
  border-radius: 10px;
  background: #eef4f1;
  border: 1px solid #cfe0d8;
  color: #12523f;
  font-weight: 600;
  font-size: .92rem;
}

@media (max-width: 620px) {
  .filter-bar,
  .filter-form,
  .inline-form,
  .inline-search {
    flex-direction: column;
    align-items: stretch;
  }

  .filter-bar input[type="search"],
  .filter-bar select {
    min-width: 0;
    width: 100%;
  }
}