:root{
  --ink:#1d2733; --muted:#5b6b7c; --line:#dde4ea; --bg:#f7f5f0; --card:#ffffff;
  --teal:#0d5c55; --teal-dark:#08443f; --gold:#b8862e; --gold-soft:#f3e8d2;
  --chip:#eef3f2; --warn:#8a6d1f; --warn-bg:#fdf6dd; --ok:#0d5c55; --ok-bg:#e6f2f0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"Segoe UI",Tahoma,"Noto Naskh Arabic","Traditional Arabic",serif;
  font-size:17px;line-height:1.75}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1020px;margin:0 auto;padding:0 16px}

/* الترويسة */
.site-header{background:var(--teal-dark);color:#fff;position:sticky;top:0;z-index:10;
  box-shadow:0 2px 10px rgba(0,0,0,.18)}
.header-in{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:#fff}
.brand:hover{text-decoration:none}
.brand-mark{background:var(--gold);color:#231a05;font-weight:800;border-radius:8px;padding:2px 10px;letter-spacing:.06em}
.brand-name{font-weight:700;font-size:1.15rem}
.brand-ar{font-weight:400;opacity:.85;font-size:1rem}
.header-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.header-nav a{color:#eaf3f1}
.donate-btn{background:var(--gold);color:#231a05 !important;font-weight:700;border-radius:999px;
  padding:5px 16px;display:inline-block}
.donate-btn:hover{text-decoration:none;filter:brightness(1.07)}

/* الرئيسية */
.hero{padding:38px 0 8px;text-align:center}
.hero h1{font-size:2rem;margin:0 0 6px;color:var(--teal-dark)}
.hero p{color:var(--muted);max-width:640px;margin:0 auto}
.counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:24px 0}
.counter{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}
.counter b{display:block;font-size:1.45rem;color:var(--teal-dark);font-variant-numeric:tabular-nums}
.counter span{color:var(--muted);font-size:.9rem}
.honest{background:var(--warn-bg);border:1px solid #e7d488;border-radius:12px;padding:10px 14px;color:var(--warn);font-size:.95rem}
section.block{margin:34px 0}
section.block h2{color:var(--teal-dark);border-bottom:2px solid var(--gold-soft);padding-bottom:6px;font-size:1.35rem}
section.block h2 small{color:var(--muted);font-size:.85rem;font-weight:400}

/* البحث */
.search-box{margin:22px 0 6px}
.search-box input{width:100%;font:inherit;font-size:1.15rem;padding:12px 16px;border:2px solid var(--teal);
  border-radius:12px;background:#fff;outline:none}
.search-box input:focus{box-shadow:0 0 0 4px rgba(13,92,85,.15)}
.search-hint{color:var(--muted);font-size:.9rem}
.results-meta{color:var(--muted);margin:10px 0}
.result{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--card);
  border:1px solid var(--line);border-radius:10px;padding:9px 14px;margin:7px 0}
.result:hover{border-color:var(--teal)}
.result .rname{font-weight:700;color:var(--ink)}
.result .rcode{color:var(--muted);font-size:.85rem}
.badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.badge{font-size:.78rem;border-radius:999px;padding:1px 10px;background:var(--chip);color:var(--teal-dark);white-space:nowrap}
.badge.ok{background:var(--ok-bg);color:var(--ok)}
.badge.review{background:var(--warn-bg);color:var(--warn)}
.badge.fic{background:#f3e2e2;color:#7c2d2d}
.badge.kind{background:var(--gold-soft);color:#6d5312}

/* البطاقات والقوائم */
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.mini-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.mini-card b{font-size:1.05rem}
.mini-card p{margin:4px 0 0;color:var(--muted);font-size:.88rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.names-grid{display:flex;flex-wrap:wrap;gap:7px}
.name-chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:2px 12px;font-size:.95rem}
.name-chip small{color:var(--muted)}
table.plain{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
table.plain th,table.plain td{padding:8px 12px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}
table.plain th{background:var(--chip);color:var(--teal-dark)}
table.plain tr:last-child td{border-bottom:none}
.tax-ladder{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:6px}
.tax-ladder .rung{background:var(--chip);border-radius:8px;padding:1px 9px;font-size:.85rem}
.tax-ladder .arr{color:var(--muted)}

/* صفحة البطاقة */
.person-head{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:22px 0 14px}
.person-head h1{margin:0 0 4px;font-size:1.7rem;color:var(--teal-dark)}
.person-head .sub{color:var(--muted)}
.bio{white-space:pre-wrap}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}
.kv .cell{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.kv .cell b{color:var(--teal-dark)}
.chain{list-style:none;margin:0;padding:0}
.chain li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 14px;margin:7px 0}
.chain .who{font-weight:700}
.chain .src{color:var(--muted);font-size:.88rem}
.chain .gen{color:var(--gold);font-weight:700}
.note-text{color:var(--muted);font-size:.92rem}
.back-link{display:inline-block;margin-top:18px}
.loading{padding:40px 0;text-align:center;color:var(--muted)}
.empty{color:var(--muted);background:var(--card);border:1px dashed var(--line);border-radius:10px;padding:12px 14px}

/* التذييل */
.site-footer{background:#ece8de;border-top:1px solid var(--line);margin-top:44px;padding:22px 0 30px;color:var(--muted)}
.site-footer .foot-note{font-size:.88rem}
@media (max-width:560px){ .hero h1{font-size:1.55rem} .person-head h1{font-size:1.35rem} }
