/* ==================================================================
   Dashboard — "মেসের হিসাব, এক নজরে" হিরো কার্ড
   • #statsGrid আর হিরোর ভেতরে টেনে আনা হয় না — নিচে, নিজের জায়গায়, আলাদা কার্ড হিসেবে থাকে
   • হিরোর ভেতরে টাইটেলের ঠিক পাশে (ডান দিকে, লেগে) শুধু "আজ, তারিখ" ছোট্ট স্বচ্ছ লেখা
   • পুরনো Today/Record Date টুলবার এখন নেভবারের "তারিখ" বাটনে — দেখুন
     53-dashboard-navbar-update.css এবং 54-navbar-date-language-update.js
   ================================================================== */

/* হিরোর পুরনো ৩-চিপ "এক নজরে" সামারি আর দরকার নেই — স্ট্যাট গ্রিড আলাদা কার্ড হিসেবেই আছে */
#tab-dashboard .mm-dash-quick {
  display: none !important;
}

/* টাইটেল + "আজ, তারিখ" — একই লাইনে, হেডিংয়ের ঠিক পাশে (একটু গ্যাপ দিয়ে লেগে),
   পুরো সারির ডান কোণায় ঠেলে দেওয়া নয় — ব্যাকগ্রাউন্ড ছাড়া (transparent) */
#tab-dashboard > .mmd-hero .mmd-hero-title-row {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
}

#tab-dashboard > .mmd-hero .mmd-hero-title-row h1 {
  margin: 0 !important;
  min-width: 0;
  flex: 0 1 auto;
}

#tab-dashboard > .mmd-hero .mmd-hero-today {
  flex: 0 0 auto;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-family: 'Hind Siliguri', 'Sora', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--mmd-muted, var(--text2));
  white-space: nowrap;
  text-align: right;
}

@media (max-width: 760px) {
  html body #tab-dashboard > .mmd-hero .mmd-hero-text {
    display: contents !important;
  }

  html body #tab-dashboard > .mmd-hero .mmd-hero-title-row {
    grid-area: title;
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 8px;
    white-space: nowrap;
  }

  html body #tab-dashboard > .mmd-hero .mmd-hero-title-row h1 {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: clamp(16px, 5.2vw, 22px) !important;
  }

  html body #tab-dashboard > .mmd-hero .mmd-hero-today {
    font-size: 11.5px;
  }
}