/* SP home dashboard cards */

.sp-home-grid {
 grid-template-columns: repeat(
  auto-fit,
  minmax(220px, 1fr)
 );
 width: 100%;
 max-width: 960px;
}

.sp-home-card-click {
 cursor: pointer;
 transition:
  border-color 0.15s ease,
  box-shadow 0.15s ease;
}

.sp-home-card-click:hover,
.sp-home-card-click:focus-visible {
 border-color: var(--ring);
 box-shadow: 0 0 0 1px var(--ring);
 outline: none;
}

.sp-home-stat {
 font-size: 2rem;
 font-weight: 600;
 line-height: 1.1;
}

.sp-home-stat-empty {
 color: var(--muted-foreground);
}

.sp-home-stat-detail {
 margin-top: 4px;
 font-size: 0.85rem;
}

.sp-home-grid .card-content {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 4px;
}

.sp-home-grid .card-content .btn {
 margin-top: 8px;
}