/* بوابة متطوعي قاف — الشهادات (الدفعة 3ب). يُحمَّل بعد team.css */
.nav{grid-template-columns:repeat(4,1fr)}
@media (min-width:820px){.nav{grid-template-columns:repeat(4,auto)}}
.nav .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--danger);vertical-align:super;margin-inline-start:2px}
.certs{display:grid;gap:10px}
.certrow{display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:var(--bg);border:1.5px solid var(--line);border-radius:16px;padding:12px 14px;cursor:pointer;color:inherit;font:inherit}
.certrow:hover{border-color:var(--teal)}
.certrow .ci{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(140deg,#E2BE68,#B8892B);color:#fff}
.certrow .ci svg{width:26px;height:26px}
.certrow .w{flex:1;min-width:0;display:grid;gap:1px}
.certrow .w b{font-family:var(--f-h);font-size:1rem}
.certrow .w span{font-size:.85rem;color:var(--ink2)}
.certrow .w .meta{font-size:.78rem;color:var(--muted)}
.certrow .go{font-size:1.5rem;color:var(--muted);line-height:1}
.certrow.off{opacity:.7}.certrow.off .ci{background:var(--line);color:var(--muted)}
.newcert{display:flex;align-items:center;gap:12px;border-radius:18px;padding:14px 16px;background:linear-gradient(135deg,#FBF3DF,#F3E3BC);border:1px solid #E6CF95;color:#3E2F0B}
.newcert>svg{width:34px;height:34px;flex-shrink:0;color:#9A6A12}
.newcert div{flex:1;min-width:0;display:grid}
.newcert b{font-family:var(--f-h);font-size:1.02rem}
.newcert span{font-size:.84rem;color:#6B5420}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .newcert{background:linear-gradient(135deg,#3A2F1A,#2C2414);border-color:#5A4720;color:#F3E3BC}:root:not([data-theme="light"]) .newcert span{color:#D9C48F}:root:not([data-theme="light"]) .newcert>svg{color:#E3B865}}
.cprev{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--bg);min-height:160px;line-height:160px;text-align:center;color:var(--muted);font-size:.85rem}
.cprev canvas{width:100%;height:auto;display:block}
.cseg{display:inline-flex;justify-self:start;border:1.5px solid var(--line);border-radius:999px;padding:3px;gap:2px}
.cseg button{border:0;background:none;font-family:var(--f-h);font-weight:700;font-size:.9rem;padding:6px 16px;border-radius:999px;cursor:pointer;color:var(--muted)}
.cseg button[aria-pressed="true"]{background:var(--teal);color:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cseg button[aria-pressed="true"]{color:#04201D}}
.cacts{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:480px){.cacts .btn{flex:1 1 100%}}