/* Dashboard layout and account controls, shared by light and dark themes. */
#app #view-dashboard .dashboard-greeting {
  display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
}
#app #view-dashboard .dash-date { font-size: 14px; line-height: 1.5; letter-spacing: 0; }
#app #view-dashboard .dashboard-grid { align-items: stretch; grid-auto-rows: 1fr; }
#app #view-dashboard .dashboard-grid > :nth-child(even) { margin-top: 0; }
#app #view-dashboard .dashboard-card { min-height: 142px; padding: 18px; gap: 8px; }
#app #view-dashboard .dashboard-card b { font-size: 15px; line-height: 1.3; overflow-wrap: normal; }
#app #view-dashboard .dashboard-card small { font-size: 13px; line-height: 1.45; }
#view-dashboard .dashboard-shortcuts-title { font-size: 18px; margin: 24px 16px 12px; }
#view-dashboard .dashboard-overview { display: grid; gap: 14px; margin: 20px 16px 0; }
#app #view-dashboard .dashboard-overview .dashboard-task-metrics { margin: 0; width: 100%; }
#app #view-dashboard .dashboard-overview .dashboard-task-scope { margin: 0 0 10px; }
#app #view-dashboard .dashboard-overview .empty-state { margin: 0; padding: 18px; min-height: 0; text-align: left; justify-items: start; }
#app #view-dashboard .dashboard-overview .empty-state p { margin: 6px 0 0; }
#view-dashboard .dashboard-overview > .dashboard-panel { min-width: 0; }
.profile-security { border-top: 1px solid var(--line); margin-top: 24px; padding-top: 20px; }
.profile-security h2 { margin: 0; font-size: 18px; }
@media (min-width: 761px) {
  #app #view-dashboard .dashboard-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
  #view-dashboard .dashboard-overview { margin-left: auto; margin-right: auto; max-width: 1180px; grid-template-columns: minmax(0, 3fr) minmax(220px, 1fr); align-items: start; }
  #view-dashboard .dashboard-shortcuts-title { max-width: 1180px; margin-left: auto; margin-right: auto; }
  #app #view-dashboard .dash-carousel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 761px) and (max-width: 1050px) {
  #app #view-dashboard .dashboard-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #view-dashboard .dashboard-overview { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  #app #view-dashboard .dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #app #view-dashboard .dashboard-card { min-height: 138px; padding: 14px; }
}