/* design: نتائجنا — بطاقات الأحكام والفلترة والعدادات */

/* ==== عدادات ==== */
.j-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  margin-top:28px;
}
.j-stat{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:26px 22px;text-align:center;transition:transform .35s var(--ease),border-color .35s var(--ease);
}
.j-stat:hover{border-color:rgba(69,139,100,.4)}
.j-stat b{display:block;font-size:clamp(28px,4vw,42px);font-weight:900;font-family:'Hanken Grotesk','Thmanyah Sans',sans-serif}
.j-stat strong{color:var(--green);font-weight:800}
.j-stat span{font-size:13px;color:var(--ink-45);display:block;margin-top:6px}

/* ==== فلترة ==== */
.j-filters{
  display:flex;flex-wrap:wrap;gap:8px;margin:26px 0;
}
.j-chip{
  border:1px solid var(--line);padding:7px 16px;border-radius:999px;
  font-size:13px;color:var(--ink-70);transition:.25s var(--ease);background:var(--surface);
}
.j-chip:hover{border-color:var(--green);color:var(--green)}
.j-chip.is-active{background:var(--ink);color:var(--green-soft);border-color:var(--ink)}

/* ==== شبكة البطاقات (التفصيلية) ==== */
.j-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:16px;
}
.j-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:24px;display:flex;flex-direction:column;gap:12px;
  transition:transform .35s var(--ease),border-color .35s var(--ease);
}
.j-card:hover{transform:translateY(-4px);border-color:rgba(69,139,100,.4)}
.j-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.j-card .chip{
  font-family:'Hanken Grotesk','Thmanyah Sans',sans-serif;
  font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--green);flex-shrink:0;
}
.j-card .amt{font-size:24px;font-weight:900;font-family:'Hanken Grotesk','Thmanyah Sans',sans-serif}
.j-card .amt em{font-style:normal;color:var(--green)}
.j-card h3{font-size:17px}
.j-sum{font-size:13.5px;color:var(--ink-70);line-height:1.7}
.j-hold{
  margin-top:auto;padding-top:14px;border-top:1px dashed var(--line);
  font-size:12.5px;color:var(--ink-45);line-height:1.7;
}
.j-hold span{color:var(--green);font-weight:700}
.j-empty{text-align:center;color:var(--ink-45);padding:40px 0}

/* ==== صفحة الحكم المفرد ==== */
.j-single{max-width:820px;margin-inline:auto;padding:32px 0 16px}
.j-back{margin-bottom:20px}
.j-back a{font-size:13px;color:var(--ink-45)}
.j-back a:hover{color:var(--green)}
.j-single-head{display:flex;flex-direction:column;gap:10px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.j-single-head .chip{
  font-family:'Hanken Grotesk','Thmanyah Sans',sans-serif;
  font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green);
}
.amt-lg{font-size:clamp(34px,5vw,48px);font-weight:900;font-family:'Hanken Grotesk','Thmanyah Sans',sans-serif}
.amt-lg em{font-style:normal;color:var(--green)}
.j-single-head h1{font-size:clamp(1.6rem,3.4vw,2.2rem);max-width:24ch}
.j-body{margin-top:22px;display:flex;flex-direction:column;gap:22px}
.j-sec h2{font-size:16px;margin-bottom:8px;color:var(--green-ink)}
.j-sec p{font-size:14.5px;color:var(--ink-70);line-height:1.9}
.j-note{font-size:12px;color:var(--ink-45);margin-top:8px}

@media (max-width:860px){
  .j-grid{grid-template-columns:1fr}
  .j-stats{grid-template-columns:repeat(3,1fr);gap:8px}
  .j-stat{padding:16px 10px}
  .j-stat b{font-size:clamp(20px,6vw,28px)}
}
@media (max-width:480px){
  .j-stats{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .j-stat b{font-size:20px}
  .j-stat span{font-size:11px}
}