/* ==========================================================================
   CareMetrix — Dashboard specific blocks
   ========================================================================== */

.dash-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 20px;
}

/* Greeting hero */
.hero {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 26px 30px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: 0 1px 2px #1218320d;
}
.hero__title { font-size: 30px; font-weight: 800; letter-spacing: -.8px; line-height: 1.2; }
.hero__sub { color: var(--text-2); margin-top: 6px; font-weight: 500; font-size: 13.5px; }

.hero__blob { position: absolute; pointer-events: none; }
.hero__blob--1 { width: 250px; height: 150px; right: 74px;  top: -46px;    border-radius: 46px; background: linear-gradient(135deg, #DCC7FB, #B9A0F2); opacity: .55; transform: rotate(-20deg); }
.hero__blob--2 { width: 210px; height: 140px; right: -46px; bottom: -54px; border-radius: 44px; background: linear-gradient(135deg, #FBD3E8, #F3AFD3); opacity: .55; transform: rotate(14deg); }
.hero__blob--3 { width: 150px; height: 118px; right: 176px; bottom: -44px; border-radius: 38px; background: linear-gradient(135deg, #F0E9FE, #DDD2FA); opacity: .7;  transform: rotate(-8deg); }

/* Clock */
.clock {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
  padding: 26px 30px;
  background: linear-gradient(115deg, #FBFAFE 0%, #FFFFFF 46%, #FDF7FB 100%);
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: 0 1px 2px #1218320d;
}
.clock__time {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -1.3px;
  line-height: 1.1;
  background: var(--grad-brand);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.clock__time .sec { font-size: 20px; letter-spacing: -.6px; }
.clock__date { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 13.5px; color: var(--text); }

/* Growth bars */
.growth { display: flex; flex-direction: column; gap: 16px; }
.growth__row { display: grid; grid-template-columns: 44px minmax(0, 1fr) 28px; align-items: center; gap: 14px; }
.growth__label { font-weight: 700; color: var(--text-2); font-size: 13px; }
.growth__track { height: 14px; border-radius: var(--r-pill); background: var(--surface-3); overflow: hidden; }
.growth__fill { height: 100%; border-radius: var(--r-pill); background: var(--grad-purple); }
.growth__fill--pink { background: var(--grad-pink); }
.growth__value { font-weight: 800; text-align: right; }

/* Org overview rows */
.org-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid var(--border);
}
.org-row:last-child { border-bottom: 0; }
.org-row__name { font-weight: 800; font-size: 15px; }
.org-row__tags { display: flex; gap: 8px; margin-top: 9px; flex-wrap: wrap; }

/* Scrollable panel body */
.panel-scroll { max-height: 250px; overflow-y: auto; padding: 6px 24px 18px; }

/* Audit feed */
.feed { display: flex; flex-direction: column; }
.feed__item { display: flex; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--border); }
.feed__item:last-child { border-bottom: 0; }
.feed__dot { margin-top: 7px; }
.feed__body { flex: 1; min-width: 0; }
.feed__title { font-weight: 700; font-size: 13.5px; }
.feed__meta { font-size: 12.5px; color: var(--text-2); margin-top: 3px; }
.feed__tag { font-size: 10.5px; font-weight: 800; letter-spacing: .6px; color: var(--brand-purple); }

@media (max-width: 1180px) {
  .dash-top { grid-template-columns: minmax(0, 1fr); }
  .clock { align-items: flex-start; }
}
@media (max-width: 620px) {
  .hero { padding: 22px 20px; }
  .hero__title { font-size: 23px; }
  .clock__time { font-size: 29px; }
  .clock__time .sec { font-size: 17px; }
}