/* assets/css/pages/home.css
   Page-only styles for /home.php
   هدف: کاهش فضای عمودی، استفاده بهتر از عرض موبایل، اکشن‌ها به شکل Grid، هدر subtle
*/

.home-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;

  padding:12px;
  border-radius:16px;

  /* هم‌خوان با کارت‌ها ولی بدون تو در تو شدن */
  background: var(--surface, #fff);
  box-shadow: var(--shadow, 0 10px 30px rgba(0,0,0,.06));
}

.home-head__ws{
  font-size:12px;
  opacity:.7;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.home-head__cta{
  flex:0 0 auto;
  padding:10px 12px;
}

/* خلاصه وضعیت: سه ستون فشرده و تمیز */
.home-summary{
  margin-top:10px;

  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:10px;
}

.home-summary__item{
  padding:12px;
  border-radius:14px;
  background: var(--surface, #fff);
  box-shadow: var(--shadow, 0 10px 30px rgba(0,0,0,.06));

  display:flex;
  flex-direction:column;
  gap:6px;

  min-height:72px;
}

.home-summary__label{
  font-size:12px;
  opacity:.7;
}

.home-summary__value{
  font-size:18px;
  font-weight:800;
  line-height:1;
}

/* اکشن‌ها: Grid مناسب شست، بدون تکرار ناوبری */
.home-actions{
  margin-top:12px;

  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:10px;
}

/* دکمه اصلی تمام عرض برای تاکید */
.home-actions .btn.btn--primary{
  grid-column: 1 / -1;
}

/* فشرده‌سازی فاصله‌های داخل کارت‌ها در Home */
.container.stack{
  gap:12px; /* اگر تو base تعریف شده، اینجا override ملایم */
}

/* اصلاح تایپوگرافی تیترهای داخل Home که زیادی درشت نباشن */
.home-card-title{
  font-size:14px;
  font-weight:800;
  margin:0;
}

/* متن‌های توضیحی کوتاه‌تر و جمع‌وجورتر */
.home-card-sub{
  margin-top:6px;
  font-size:12px;
  opacity:.7;
  line-height:1.5;
}

/* روی موبایل‌های خیلی کوچک، خلاصه وضعیت دو ستونه بشه که له نشه */
@media (max-width: 360px){
  .home-summary{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home-summary__item{
    min-height:68px;
  }
}

/* در عرض‌های بزرگ‌تر (مثلاً تبلت)، اکشن‌ها 3 ستونه بشن */
@media (min-width: 700px){
  .home-actions{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .home-actions .btn.btn--primary{
    grid-column: auto;
  }
}
/* --- Home header profile (user/guest) --- */
.home-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.home-head__profile{ display:flex; align-items:center; }

.home-profile{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:12px;
  text-decoration:none;
  color:inherit;
  background: rgba(0,0,0,0.03);
}

.home-profile__icon{ font-size:18px; line-height:1; }
.home-profile__label{ font-size:12px; opacity:.85; white-space:nowrap; }
.home-head__ws{ display:flex; align-items:center; gap:6px; }
.home-head__ws-title{ font-weight:700; }
.home-head__ws-id{ opacity:.55; font-size:12px; }

.home-profile__label[dir="ltr"]{
  unicode-bidi: isolate;
  direction:ltr;
  letter-spacing:.2px;
}