/* ============================================================
   صفحهٔ فعالیت‌ها و عکس پروفایل
   ============================================================ */

/* ---------- عکس پروفایل ---------- */

.avatar{
  display:inline-flex; align-items:center; justify-content:center;
  flex:0 0 auto; border-radius:50%; overflow:hidden;
  background:var(--rose); color:var(--on-accent-ink);
  font-weight:700; font-family:var(--fa); line-height:1;
  user-select:none;
}
.avatar.has-img{background:var(--cream-2)}
.avatar img{width:100%; height:100%; object-fit:cover; display:block}

/* سرِ پنجرهٔ پروفایل */
.prof-top{display:flex; align-items:center; gap:var(--sp4)}
.prof-who{min-width:0}
.prof-name{font-weight:700; font-size:1.02rem; margin-bottom:2px}
.prof-role{font-size:.8rem; color:var(--muted)}

/* ---------- فهرست فعالیت ---------- */

.act-day{
  font-size:.76rem; font-weight:700; color:var(--muted);
  padding:var(--sp3) 0 var(--sp2);
  border-bottom:1px solid var(--line); margin-bottom:var(--sp2);
}
.act-day:first-child{padding-top:0}

.act-row{
  display:flex; align-items:flex-start; gap:var(--sp3);
  padding:var(--sp3) 0; border-bottom:1px solid var(--line);
}
.act-row:last-child{border-bottom:0}

.act-ic{
  flex:0 0 30px; width:30px; height:30px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--cream-2); color:var(--muted); margin-top:1px;
}
.act-ic.good{background:var(--good-bg); color:var(--good)}
.act-ic.info{background:var(--info-bg); color:var(--info)}
.act-ic.warn{background:var(--warn-bg); color:var(--warn)}
.act-ic.danger{background:var(--danger-bg); color:var(--danger)}

.act-main{flex:1; min-width:0}
.act-line{font-size:.86rem; line-height:1.6}
.act-line b{font-weight:700}

/* جزئیات تغییر: «قیمت: ۱۲۰۰۰ ← ۱۴۰۰۰» — با ارقام لاتین خواناتر است،
   ولی متن فارسی وسطش هست، پس جهت را دست نمی‌زنیم */
.act-detail{
  font-size:.76rem; color:var(--muted); margin-top:3px;
  line-height:1.7; word-break:break-word;
}

.act-time{
  flex:0 0 auto; font-size:.74rem; color:var(--muted);
  padding-top:4px; letter-spacing:.02em;
}

@media (max-width:900px){
  .act-line{font-size:.82rem}
  .act-ic{flex-basis:26px; width:26px; height:26px}
}

/* نوار فیلتر باید به اندازهٔ دکمه‌هایش باشد، نه تمام عرض کارت —
   وگرنه یک نوار رنگی خالی تا لبهٔ صفحه کشیده می‌شود */
#actFilters .seg{width:max-content; max-width:100%}

/* تب انتخاب‌شده باید بی‌ابهام باشد. حالت پیش‌فرض .seg سفیدِ ملایم است
   که اینجا کنار کارت سفید گم می‌شود، پس پرِ سورمه‌ای می‌گذاریم. */
#actFilters .seg button.on{background:var(--navy); color:var(--on-primary); box-shadow:none}
#actFilters .seg button.on .muted{color:var(--on-primary); opacity:.7}