/* پروفایل عمومی و پیوندهای دیدگاه — از متغیرهای رنگ قالب innow استفاده می‌کند */
.cm__u{color:inherit;text-decoration:none}.cm__u:hover b{color:var(--ac)}
.cm__un{color:var(--mu);font-size:.78rem;unicode-bidi:isolate}
.cm__avl{display:block;border-radius:50%}
.cm__mn{color:var(--ac);text-decoration:none;font-weight:600;unicode-bidi:isolate}.cm__mn:hover{text-decoration:underline}

.pf{--lc:var(--ac);max-width:800px}
.lgb{display:block;flex:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.28))}

/* سرآیند پروفایل — کارت فشرده (هم‌سبک کارت تنظیمات) */
.pfh{position:relative;margin-block:8px 14px;border-radius:24px;border:1px solid var(--ln);background:var(--s1);overflow:hidden}
.pfh__cover{position:absolute;inset:0 0 auto 0;height:76px;overflow:hidden;background:radial-gradient(90% 170% at 85% 0,color-mix(in srgb,var(--lc) 38%,transparent),transparent 65%),linear-gradient(135deg,color-mix(in srgb,var(--lc) 16%,var(--s2)),var(--s1))}
.pfh__cover i{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--lc) 35%,transparent);opacity:.5}
.pfh__cover i:nth-child(1){width:120px;height:120px;top:-60px;inset-inline-start:8%}
.pfh__cover i:nth-child(2){display:none}
.pfh__cover i:nth-child(3){width:170px;height:170px;top:-90px;inset-inline-end:20%}
.pfh__main{position:relative;z-index:1;display:flex;gap:14px;align-items:flex-start;padding:28px 18px 14px}
.pfh__av{flex:none;padding:3px;border-radius:50%;background:linear-gradient(135deg,var(--lc),color-mix(in srgb,var(--lc) 35%,var(--s1)));box-shadow:0 10px 22px -12px var(--lc)}
.pf__img{display:block;width:76px;height:76px;border-radius:50%;object-fit:cover;background:var(--s2);border:3px solid var(--s1)}
.pfh__id{flex:1 1 0;min-width:0;display:grid;gap:4px;justify-items:start;padding-top:38px}
.pfh__act{flex:none;display:flex;gap:8px;align-items:center;padding-top:44px}
.pf__name{margin:0;font-size:1.3rem;line-height:1.5;font-weight:900;overflow-wrap:anywhere}
.pf__chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0}
.pf__un{color:var(--mu);font-size:.82rem;unicode-bidi:isolate}
.pf__chip{display:inline-flex;align-items:center;gap:5px;padding:1px 10px;border-radius:999px;font-size:.76rem;color:var(--tx2);background:color-mix(in srgb,var(--lc) 14%,var(--s2));border:1px solid color-mix(in srgb,var(--lc) 30%,var(--ln))}
.pf__chip b{color:var(--lc);font-weight:900}
.pf__bio{margin:2px 0 0;color:var(--tx2);font-size:.9rem;line-height:1.8;overflow-wrap:anywhere;max-width:60ch}
.pf__hint,.pf__fine{color:var(--mu);font-size:.8rem;margin:6px 4px}
.pf__note{text-align:center;color:var(--mu)}
.pfh__edit,.pfh__share{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:999px;border:1px solid var(--ln);background:var(--s2);color:var(--tx);font:inherit;font-size:.84rem;font-weight:700;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s}
.pfh__edit{padding:0 14px}
.pfh__share{width:40px}
.pfh__edit:hover,.pfh__share:hover{border-color:var(--lc);background:color-mix(in srgb,var(--lc) 12%,var(--s2))}
.pfh__share.is-ok{border-color:var(--ok);color:var(--ok)}

/* ردیف لیگ (فشرده، داخل همان کارت) */
.pfl{--lc:var(--ac);display:flex;align-items:center;gap:12px;margin:0 14px 14px;padding:10px 14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--lc) 30%,var(--ln));background:linear-gradient(135deg,color-mix(in srgb,var(--lc) 14%,transparent),transparent 75%),var(--s2);color:inherit;text-decoration:none;transition:border-color .2s}
.pfl:hover{border-color:var(--lc)}
.pfl .lgb{filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}
.pfl__t{display:grid;gap:4px;min-width:0;flex:1;line-height:1.5}
.pfl__r{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.pfl__r b{font-size:1rem;font-weight:900;color:var(--lc)}
.pfl__rk{font-style:normal;font-size:.76rem;font-weight:800;color:var(--tx2);padding:0 8px;border-radius:999px;background:var(--s3)}
.pfl__bar{display:block;height:6px;border-radius:999px;background:var(--s3);overflow:hidden}
.pfl__bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lc),color-mix(in srgb,var(--lc) 55%,#fff))}
.pfl__t small{color:var(--mu);font-size:.74rem}
.pfl__go{flex:none;color:var(--mu)}

/* خلاصه */
.pfk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:6px}
@media (min-width:620px){.pfk{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pfk__c{display:grid;gap:1px;padding:12px 14px;border-radius:18px;border:1px solid var(--ln);background:var(--s1)}
.pfk__c span{color:var(--mu);font-size:.76rem}.pfk__c b{font-size:1.15rem;font-weight:900;font-variant-numeric:tabular-nums}.pfk__c small{color:var(--mu);font-size:.72rem}.pfk__c a{color:var(--ac)}

.pf__sec .st-h{margin-block-end:12px}
.pf__sech{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}.pf__sech .st-h{margin:0}
.pf__rk{display:flex;gap:6px;flex-wrap:wrap;margin:0;font-size:.76rem}.pf__rk a{padding:3px 10px;border-radius:999px;background:var(--s2);color:var(--tx2);text-decoration:none}.pf__rk b{color:var(--ac)}

/* کارت لیگ داخل بخش‌ها */
.pfx__top{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.pfx__bd{flex:none;min-width:90px;display:grid;place-items:center}
.pfx__tx{--lc:var(--lc);min-width:0}
.pfx__tx small{color:var(--mu);font-size:.76rem;font-weight:700}
.pfx__tx h2{margin:0 0 2px;font-size:1.35rem;font-weight:900;line-height:1.5}
.pfx__tag{font-style:normal;font-size:.68rem;font-weight:800;padding:2px 10px;border-radius:999px;color:var(--lc);background:color-mix(in srgb,var(--lc) 16%,transparent);vertical-align:middle}
.pfx__sub{margin:0;color:var(--tx2);font-size:.88rem}.pfx__sub a{color:var(--ac)}.pfx__sub b{color:var(--tx)}
.pfx__prog i{background:linear-gradient(90deg,var(--lc),color-mix(in srgb,var(--lc) 55%,#fff))!important}
.pfx__goal{margin:8px 0 14px;color:var(--tx2);font-size:.84rem}
.pfx__h{margin:18px 0 10px;font-size:.88rem;font-weight:800;color:var(--tx2)}
.pfx__chart h3{margin:4px 0 8px;font-size:.88rem;font-weight:800;color:var(--tx2)}
.pfx__svg{display:block;width:100%;height:110px;border-radius:14px;background:var(--s2)}
.pfx__line{stroke:var(--lc);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.pfx__area{fill:color-mix(in srgb,var(--lc) 16%,transparent)}
.pfx__dot{fill:var(--s1);stroke:var(--lc);stroke-width:2;vector-effect:non-scaling-stroke}.pfx__dot.is-last{fill:var(--lc)}
.pfx__ax{display:flex;justify-content:space-between;margin:4px 4px 12px;font-size:.7rem;color:var(--mu)}
.pfx__g{margin-top:4px}

/* آزمون‌ها */
.pfx__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pfx__list li{display:grid;gap:8px;padding:12px 14px;border-radius:16px;background:var(--s2);border:1px solid transparent}
.pfx__list li.is-skip{opacity:.72;border-color:var(--ln);border-style:dashed;background:transparent}
.pfx__li-t{display:grid;gap:1px;min-width:0}.pfx__li-t a{color:var(--tx);font-weight:800;text-decoration:none;overflow-wrap:anywhere}.pfx__li-t a:hover{color:var(--ac)}.pfx__li-t small{color:var(--mu);font-size:.74rem}
.pfx__li-m{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap}
.pfx__li-m span{display:inline-flex;align-items:baseline;gap:4px;font-size:.84rem}.pfx__li-m i{font-style:normal;color:var(--mu);font-size:.7rem}.pfx__li-m b{font-variant-numeric:tabular-nums}.pfx__li-m small{color:var(--mu);font-size:.7rem}
.pfx__d{margin-inline-start:auto}
.pfd{font-size:.8rem;font-weight:900;color:var(--mu);font-variant-numeric:tabular-nums;padding:2px 10px;border-radius:999px;background:var(--s3)}
.pfd--up{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.pfd--dn{color:var(--err);background:color-mix(in srgb,var(--err) 14%,transparent)}.pfd--n{color:var(--ac);background:var(--acs)}

/* آمار */
.pf__total{display:grid;gap:2px;margin-block-end:14px}
.pf__total b{font-size:1.5rem;font-weight:800;line-height:1.4}
.pf__total small{color:var(--mu)}
.pf__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pf__stat{display:grid;gap:2px;padding:12px;border-radius:16px;background:var(--s2)}
.pf__stat span{color:var(--mu);font-size:.82rem}.pf__stat b{font-size:1.08rem}.pf__stat small{color:var(--mu);font-size:.76rem}
@media (min-width:620px){.pf__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pf__stat a{color:var(--ac)}

/* نقشه‌ی فعالیت */
.pfm{display:flex;gap:4px;direction:rtl;justify-content:center;padding:12px;border-radius:16px;background:var(--s2);overflow-x:auto}
.pfm__col{display:grid;grid-template-rows:repeat(7,1fr);gap:4px}
.pfm__c{display:block;width:clamp(14px,3.6vw,22px);aspect-ratio:1;border-radius:5px;background:var(--s3)}
.pfm__c--x{background:transparent}
.pfm__c--1{background:color-mix(in srgb,var(--ac) 28%,var(--s3))}.pfm__c--2{background:color-mix(in srgb,var(--ac) 52%,var(--s3))}.pfm__c--3{background:color-mix(in srgb,var(--ac) 76%,var(--s3))}.pfm__c--4{background:var(--ac)}
.pfm__lg{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin:8px 4px 0;font-size:.7rem;color:var(--mu)}.pfm__lg .pfm__c{width:12px;border-radius:3px}

.pf__week{display:flex;align-items:flex-end;gap:8px;height:110px;margin:16px 0}
.pf__bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
.pf__bar i{display:block;width:100%;max-width:34px;border-radius:8px 8px 4px 4px;background:var(--s3);min-height:4px}
.pf__bar i.on{background:linear-gradient(180deg,var(--ac),var(--ac2))}
.pf__bar span{font-size:.72rem;color:var(--mu)}

.pf__prog{height:10px;border-radius:999px;background:var(--s3);overflow:hidden}
.pf__prog i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ac),var(--ac2))}
.pf__tiers{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pf__tiers li{display:grid;justify-items:center;gap:2px;padding:8px 4px;border-radius:14px;background:var(--s2);opacity:.45;filter:grayscale(1)}
.pf__tiers li.on{opacity:1;filter:none}.pf__tiers span{font-size:1.3rem}.pf__tiers small{font-size:.72rem;color:var(--mu);text-align:center}
@media (min-width:620px){.pf__tiers{grid-template-columns:repeat(8,minmax(0,1fr))}}

.pf__ach{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-template-columns:1fr}
@media (min-width:620px){.pf__ach{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pf__ach li{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:16px;background:var(--s2);opacity:.6}
.pf__ach li.on{opacity:1;box-shadow:inset 0 0 0 1px var(--ac)}
.pf__aico{font-size:1.5rem;flex:none}.pf__ach li:not(.on) .pf__aico{filter:grayscale(1)}
.pf__atx{display:grid;gap:2px;min-width:0;flex:1}.pf__atx small{color:var(--mu);font-size:.78rem}
.pf__aprog{display:block;height:5px;border-radius:99px;background:var(--s3);overflow:hidden;margin-top:4px}.pf__aprog i{display:block;height:100%;background:var(--ac)}

.pf__goal{display:grid;gap:8px;margin-block-end:14px;padding:12px;border-radius:16px;background:var(--s2)}
.pf__goal-t{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:baseline}.pf__goal-t small{color:var(--mu)}

@media (max-width:520px){
  .pfh__main{padding-inline:14px;gap:12px}.pf__img{width:68px;height:68px}.pf__name{font-size:1.15rem}
  .pfh__edit span{display:none}.pfh__edit{width:40px;padding:0}
  .pfx__top{gap:12px}.pfx__bd{min-width:72px}.pfx__tx h2{font-size:1.15rem}
}
@media (prefers-reduced-motion:reduce){.pfl,.pfh__edit,.pfh__share{transition:none}}