/* Dashboard — glance + perfectly sized actions */
#info .avatar.lg{box-shadow:var(--shadow-sm)}
#actions{margin-top:12px}
#actions{margin-top:16px}
#actions.grid{display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
#actions .card{min-height:160px; display:flex; flex-direction:column; justify-content:space-between}
#actions .card{transition:box-shadow .25s, transform .1s, border-color .2s}
#actions .card:hover{box-shadow:var(--shadow-sm); transform:translateY(-2px); border-color:var(--primary-subtle)}
#actions .card p{color:var(--muted); margin:4px 0 0}
h2{font-size:2rem; text-align:center}

#actions .card a.btn {
  margin-top: auto;
  width: 100%;
  text-align: center;
}

#actions .btn {
  padding: 10px 0;
  font-size: 1.1rem;
  font-weight: 600;
}
.btn-hover {
  background: var(--hover);
  color: white;
}

.full-width {
  grid-column: 1 / -1;
}

#completedJobsChart {
  max-width: 100%;
  height: auto;
}