/* Member pages: account extras, certificates, admin, password reset. Uses the tokens from site.css. */
.sync-note{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:10px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--line);color:var(--ink);font-size:.95rem}
.sync-note svg{width:20px;height:20px;flex:none;color:var(--ok)}
.mono{font-family:var(--font-mono)}

/* ---------- شهاداتي (account) ---------- */
.certs-sec{padding-top:8px}
.cert-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.cert-item{display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;min-width:0}
.cert-item.has{border-color:var(--ok)}
.ci-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.ci-head h3{font-size:1.1rem}
.ci-tag{flex:none;font-size:.8rem;font-weight:600;padding:2px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.ci-tag.ok{border-color:var(--ok);color:var(--ok)}
.ci-meta{color:var(--muted);font-size:.92rem;overflow-wrap:anywhere}
.ci-meta b{color:var(--ink)}
.ci-bar{height:8px;border-radius:999px;background:var(--bg-2);overflow:hidden}
.ci-bar i{display:block;height:100%;background:var(--accent);border-radius:inherit}
.ci-form{display:flex;flex-direction:column;gap:12px}
.ci-form .btn{width:100%}
.cert-item .btn-row .btn{flex:1 1 auto}

/* ---------- cert.html ---------- */
.cert-page{padding-block:32px 56px}
.cert-loading{color:var(--muted);text-align:center;padding-block:40px}
.cert-bad{max-width:520px;margin-inline:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px 20px;text-align:center;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}
.cert-bad h1{font-size:1.4rem}
.cert-bad p{color:var(--muted)}
.cb-ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin-inline:auto;background:var(--accent-soft);color:var(--accent);font:700 1.5rem var(--font-display)}
.cert-find{display:flex;flex-direction:column;gap:12px;text-align:start}
.cert-find input{text-transform:uppercase;font-family:var(--font-mono)}
.verify-badge{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;margin:0 auto 18px;padding:8px 16px;border-radius:999px;border:1px solid var(--ok);color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,var(--panel));font-weight:600;font-size:.95rem;text-align:center}
.verify-badge span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ok);color:var(--panel);font-size:.8rem;flex:none}
.certificate{--paper:#fffdf8;--paper-ink:#1b2328;--paper-muted:#5a6872;--gold:#a65500;max-width:980px;margin-inline:auto;background:var(--paper);color:var(--paper-ink);border-radius:10px;padding:10px;box-shadow:0 2px 6px rgba(0,0,0,.08),0 24px 60px rgba(16,24,32,.14)}
.c-inner{border:3px double var(--gold);border-radius:6px;padding:clamp(18px,4vw,44px) clamp(14px,4vw,48px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;position:relative;background:radial-gradient(circle at 50% 0,rgba(166,85,0,.06),transparent 60%)}
.c-top{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:6px}
.certificate .wm{color:var(--paper-ink);font-size:1.3rem}
.certificate .wm b{color:var(--gold)}
.c-kicker{font-size:.8rem;color:var(--paper-muted)}
.c-title{font-size:clamp(1.8rem,1.3rem + 2.4vw,2.9rem);color:var(--gold);letter-spacing:.01em;margin-block:4px 6px}
.c-line{color:var(--paper-muted);font-size:clamp(.95rem,.9rem + .3vw,1.1rem)}
.c-name{font:700 clamp(1.6rem,1.2rem + 2vw,2.5rem)/1.3 var(--font-display);color:var(--paper-ink);border-bottom:1px solid #d9cbb6;padding:4px 18px 10px;margin-block:6px 8px;max-width:100%;overflow-wrap:anywhere}
.c-course{font:700 clamp(1.15rem,1rem + 1vw,1.6rem)/1.35 var(--font-display);color:var(--gold);margin-top:2px}
.c-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;width:100%;margin-top:22px;padding-top:16px;border-top:1px solid #e6dccd}
.c-facts{display:grid;gap:8px;margin:0;text-align:start;min-width:0}
.c-facts div{display:flex;flex-direction:column}
.c-facts dt{font-size:.75rem;color:var(--paper-muted)}
.c-facts dd{margin:0;font-weight:600;font-size:.95rem;overflow-wrap:anywhere}
.c-qr{flex:none;width:118px;line-height:0}
.c-qr svg{width:100%;height:auto;display:block}
.cert-actions{justify-content:center;align-items:center;margin-top:20px}
.copy-ok{color:var(--ok);font-weight:600;min-width:1ch}
@media (max-width:520px){
  .c-foot{flex-direction:column;align-items:center}
  .c-facts{text-align:center;width:100%}
  .c-qr{width:132px}
  .cert-actions .btn{flex:1 1 100%}
}
@media print{
  @page{size:A4 landscape;margin:10mm}
  html,body{background:#fff!important}
  .site-header,.site-footer,.skip,.verify-badge,.cert-actions,.cert-loading{display:none!important}
  .cert-page{padding:0}
  .cert-page .wrap{max-width:none;padding:0}
  .certificate{box-shadow:none;max-width:none;padding:0;background:#fff}
  .c-inner{min-height:180mm;justify-content:center}
}

/* ---------- login: نسيت الباسورد ---------- */
.link-btn{background:none;border:0;padding:4px 2px;min-height:32px;font:inherit;font-size:.95rem;color:var(--accent);text-decoration:underline;cursor:pointer}
.forgot{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:12px;background:var(--bg);border:1px solid var(--line);font-size:.95rem}
.btn-wa{background:#1f7a3f;color:#fff}
.btn-wa:hover{background:#196433}
.btn-wa svg{width:20px;height:20px}

/* ---------- admin.html ---------- */
.adm-sec{padding-block:8px 28px}
.adm-h{font-size:1.25rem;margin-bottom:14px}
.adm-stats{margin-bottom:16px}
.adm-chart{margin:0 0 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.adm-chart figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:10px}
.adm-chart figcaption span{color:var(--muted);font-size:.88rem}
.chart-read{margin-inline-start:auto;font-weight:600;color:var(--accent);min-height:1.5em;font-size:.92rem}
#chart{position:relative;width:100%}
.chart-svg{display:block;width:100%;height:auto;overflow:visible}
.c-bar{fill:var(--accent)}
.c-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:2 4}
.c-base{stroke:var(--muted);stroke-width:1}
.c-ax{fill:var(--muted);font:500 11px var(--font-body)}
.c-hit{fill:transparent;cursor:crosshair}
.c-hit.on{fill:color-mix(in srgb,var(--accent) 12%,transparent)}
.adm-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:760px){.adm-two{grid-template-columns:1fr}}
.adm-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.adm-box h3{font-size:1rem;margin-bottom:12px}
.adm-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.adm-bars li{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:.92rem}
.adm-bars .b-n{font-weight:600;font-family:var(--font-mono)}
.adm-bars .b-t{grid-column:1 / -1;height:6px;border-radius:999px;background:var(--bg-2);overflow:hidden}
.adm-bars .b-t i{display:block;height:100%;background:var(--accent);border-radius:inherit}
.adm-empty{color:var(--muted)}
.adm-note{margin-top:14px;color:var(--muted);font-size:.9rem}
.adm-search{max-width:none;margin-bottom:10px}
.mem-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
@media (max-width:420px){.mem-list{grid-template-columns:1fr}}
.mem{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0}
.mem-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.mem-who{display:flex;flex-direction:column;min-width:0}
.mem-who b{font-family:var(--font-display);overflow-wrap:anywhere}
.mem-email{color:var(--muted);font-size:.88rem;overflow-wrap:anywhere;text-align:right}
.mem-tag{font:600 .72rem var(--font-body);color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:0 7px;vertical-align:middle}
.mem-plan{flex:none;font-size:.78rem;font-weight:600;padding:2px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.mem-plan.paid{border-color:var(--ok);color:var(--ok)}
.mem-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.mem-facts div{background:var(--bg);border-radius:8px;padding:6px 10px;min-width:0}
.mem-facts dt{font-size:.75rem;color:var(--muted)}
.mem-facts dd{margin:0;font-weight:600;font-size:.9rem}
.mem-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mem-act .btn{min-height:44px;padding:8px 14px;font-size:.92rem;flex:1 1 auto}
.btn.danger{color:#b3261e;border-color:color-mix(in srgb,#b3261e 40%,var(--line))}
.btn.danger:hover{color:#fff;background:#b3261e;border-color:#b3261e}
.danger-solid{background:#b3261e;color:#fff}
.danger-solid:hover{background:#8f1d17}
:root[data-theme="dark"] .btn.danger{color:#ff8a80}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .btn.danger{color:#ff8a80} }
.mem-panel{border-top:1px dashed var(--line);padding-top:12px;display:flex;flex-direction:column;gap:10px}
.mem-pl{font-size:.92rem;color:var(--muted)}
.mem-pl b{color:var(--ink)}
.mem-link{width:100%;min-height:44px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:500 .82rem var(--font-mono);padding:6px 10px;text-align:left}
.mem-confirm{display:flex;flex-direction:column;gap:10px}
.mem-confirm p{font-size:.95rem}