/* ============================================================
   Sof tilim — Normativ-huquqiy hujjatlar
   Mavzu bo'yicha filtr va hujjat kartalari.
   ============================================================ */

/* ---------- Mavzu filtri ------------------------------------- */

.st-hfiltr { display: flex; flex-wrap: wrap; gap: 8px; }

.st-hf {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 14px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--st-line); background: #fff;
  font: 600 13.5px/1 var(--st-font); color: var(--st-ink);
  transition: border-color .14s, background .14s, color .14s;
}
.st-hf i {
  font-style: normal; font-size: 11.5px; font-weight: 700;
  padding: 2px 6px; border-radius: 999px;
  background: #EDF1F7; color: var(--st-muted);
}
.st-hf:hover { border-color: var(--st-blue); color: var(--st-blue); }
.st-hf.is-active {
  background: var(--st-blue); border-color: var(--st-blue); color: #fff;
}
.st-hf.is-active i { background: rgba(255, 255, 255, .22); color: #fff; }

/* ---------- Hujjat kartasi ----------------------------------- */

.st-hroyxat { margin-top: 18px; display: grid; gap: 14px; }

.st-hujjat {
  border: 1px solid var(--st-line); border-radius: 16px;
  background: #fff; padding: 18px 20px;
  transition: border-color .14s, box-shadow .14s;
}
.st-hujjat:hover {
  border-color: #C8D8F0;
  box-shadow: 0 4px 18px rgba(2, 20, 50, .07);
}

.st-hujjat__bosh {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}

.st-hujjat__tur {
  display: inline-block; padding: 4px 11px; border-radius: 999px;
  font: 700 11px/1.5 var(--st-font); letter-spacing: .1em;
  text-transform: uppercase;
  background: #EDF1F7; color: var(--st-ink-soft);
}
/* Hujjat turiga qarab rang */
.st-hujjat__tur--qonun    { background: #E7F0FE; color: #0B57D0; }
.st-hujjat__tur--farmon   { background: #EFE9FE; color: #5B34D8; }
.st-hujjat__tur--qaror    { background: #E4F6E9; color: #0B7A2E; }
.st-hujjat__tur--farmoyish{ background: #FDF0E3; color: #A8570B; }

.st-hujjat__meta {
  font-size: 13px; color: var(--st-muted); font-weight: 500;
}

.st-hujjat__nom {
  margin: 11px 0 0; font-size: 16.5px; font-weight: 700;
  line-height: 1.45; color: var(--st-navy);
}
.st-hujjat__nom mark,
.st-hujjat__izoh mark {
  background: #FFF0B8; color: inherit; border-radius: 3px; padding: 0 1px;
}

.st-hujjat__organ {
  margin-top: 6px; font-size: 13.5px; color: var(--st-ink-soft);
}

.st-hujjat__izoh {
  margin: 10px 0 0; font-size: 14.5px; line-height: 1.6; color: var(--st-ink-soft);
}

.st-hujjat__oyoq {
  margin-top: 15px; padding-top: 13px; border-top: 1px solid var(--st-line);
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; flex-wrap: wrap;
}

.st-hujjat__guruh {
  font-size: 12.5px; font-weight: 600; color: var(--st-muted);
}

.st-hujjat__havola {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13.5px; font-weight: 600; color: var(--st-blue);
  text-decoration: none;
}
.st-hujjat__havola svg { width: 15px; height: 15px; }
.st-hujjat__havola:hover { text-decoration: underline; }

/* ---------- Hisob va bo'sh holat ----------------------------- */

.st-hhisob {
  margin-top: 22px; font-size: 14px; color: var(--st-muted);
}
.st-hhisob b { color: var(--st-ink); }

@media (max-width: 600px) {
  .st-hujjat { padding: 16px; }
  .st-hujjat__nom { font-size: 15.5px; }
  .st-hujjat__oyoq { align-items: flex-start; flex-direction: column; gap: 8px; }
}