/* CLIQ5 public pages — TEMPORARY design tokens (to be replaced by the approved Brand DNA). */
:root{--c5-bg:#f6f7fb;--c5-surface:#fff;--c5-text:#0b0f19;--c5-muted:#5b6474;--c5-line:#e4e7ee;--c5-accent:#2f5bff;--c5-accent-ink:#fff;--c5-radius:18px;--c5-font:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Arabic",Tahoma,sans-serif}
@media (prefers-color-scheme:dark){:root{--c5-bg:#0b0f19;--c5-surface:#141a28;--c5-text:#eef1f7;--c5-muted:#9aa3b5;--c5-line:#253049}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body.c5{margin:0;background:var(--c5-bg);color:var(--c5-text);font:16px/1.5 var(--c5-font)}
a{color:var(--c5-accent);text-decoration:none}a:hover{text-decoration:underline}
.c5-top{display:flex;justify-content:space-between;align-items:center;max-width:720px;margin:0 auto;padding:14px 16px}
.c5-brand{font-weight:800;letter-spacing:.04em;color:var(--c5-text)}
.c5-lang{font-size:.9rem;color:var(--c5-muted)}
.c5-main{max-width:720px;margin:0 auto;padding:0 16px 32px}
.c5-foot{text-align:center;color:var(--c5-muted);font-size:.85rem;padding:24px 16px 40px}
.c5-card{background:var(--c5-surface);border:1px solid var(--c5-line);border-radius:var(--c5-radius);overflow:hidden;box-shadow:0 8px 30px rgba(15,23,42,.06)}
.c5-cover{height:120px;background:linear-gradient(135deg,var(--c5-accent),#8a5cff)}
.c5-cover img{width:100%;height:100%;object-fit:cover;display:block}
.c5-head{padding:0 20px 16px;margin-top:-48px}
.c5-avatar{width:96px;height:96px;border-radius:50%;border:4px solid var(--c5-surface);background:var(--c5-line);object-fit:cover;display:block}
.c5-avatar.c5-initials{display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--c5-muted)}
.c5-name{font-size:1.5rem;font-weight:800;margin:10px 0 2px}
.c5-headline{color:var(--c5-muted);margin:0}
.c5-org{margin:4px 0 0;font-weight:600}
.c5-bio{padding:0 20px 12px;white-space:pre-line}
.c5-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 20px 18px}
.c5-btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 14px;border-radius:12px;border:1px solid var(--c5-line);background:var(--c5-surface);color:var(--c5-text);font:inherit;font-weight:600;cursor:pointer}
.c5-btn.c5-primary{background:var(--c5-accent);border-color:var(--c5-accent);color:var(--c5-accent-ink)}
.c5-btn:hover{text-decoration:none;filter:brightness(.97)}
.c5-fields{list-style:none;margin:0;padding:0;border-top:1px solid var(--c5-line)}
.c5-fields li{border-bottom:1px solid var(--c5-line)}
.c5-fields a,.c5-fields span{display:flex;gap:12px;align-items:center;padding:14px 20px;color:var(--c5-text);word-break:break-word}
.c5-fields small{color:var(--c5-muted);display:block;font-size:.8rem}
.c5-ico{width:36px;height:36px;flex:none;border-radius:10px;background:var(--c5-bg);display:flex;align-items:center;justify-content:center;font-size:1rem}
.c5-qr{display:none;padding:16px 20px;text-align:center}.c5-qr.c5-open{display:block}
.c5-qr svg,.c5-qr canvas{width:220px;height:220px;max-width:100%}
.c5-section{margin-top:18px}
.c5-section h2{font-size:1rem;color:var(--c5-muted);margin:0 0 8px;font-weight:600}
.c5-list{display:grid;gap:10px}
.c5-tile{display:block;background:var(--c5-surface);border:1px solid var(--c5-line);border-radius:14px;padding:14px 16px;color:var(--c5-text)}
.c5-tile strong{display:block}.c5-tile span{color:var(--c5-muted);font-size:.9rem}
.c5-crumbs{font-size:.9rem;color:var(--c5-muted);margin:4px 0 14px}.c5-crumbs a{color:var(--c5-muted)}
.c5-h1{font-size:1.6rem;margin:6px 0 4px}
.c5-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.c5-chip{border:1px solid var(--c5-line);border-radius:999px;padding:6px 12px;background:var(--c5-surface);color:var(--c5-text);font-size:.9rem}
.c5-search{display:flex;gap:8px;margin:12px 0}.c5-search input{flex:1;min-height:44px;border:1px solid var(--c5-line);border-radius:12px;padding:0 12px;font:inherit;background:var(--c5-surface);color:var(--c5-text)}
.c5-empty{color:var(--c5-muted);padding:24px 0}
.c5-pager{display:flex;justify-content:space-between;margin-top:16px}
.c5-toast{position:fixed;inset-inline:16px;bottom:20px;margin:auto;max-width:360px;background:var(--c5-text);color:var(--c5-bg);padding:12px 16px;border-radius:12px;text-align:center;opacity:0;transition:opacity .2s;pointer-events:none}.c5-toast.c5-show{opacity:1}
.c5-pad{padding:24px}
.c5-flush{padding:12px 0 0}
.c5-nopad{padding:0}