/* Shared Home layout: prominent call entry followed by a consistent action grid. */
.tsp-home-hub { width: min(1180px, 100%); padding: 26px clamp(18px, 3vw, 36px); }
.tsp-home-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.tsp-home-grid > .tsp-home-action {
  grid-column: span 2;
  min-height: 116px;
  padding: 20px;
  justify-content: flex-end;
}
.tsp-home-grid .tsp-home-label {
  max-width: 100%;
  padding-right: 12px;
  font-size: clamp(18px, 1.65vw, 23px);
  line-height: 1.2;
  letter-spacing: -.025em;
  overflow-wrap: break-word;
}
.tsp-home-grid .tsp-home-arrow { top: 14px; right: 16px; font-size: 20px; }
.tsp-home-grid > #spark-call-scripts-shortcut { grid-column: 1 / -1; min-height: 96px; }
.tsp-home-grid > #spark-plan-studio-shortcut { grid-column: span 3; min-height: 96px; }
.tsp-home-grid:has(#spark-plan-studio-shortcut) > #spark-call-scripts-shortcut { grid-column: span 3; }
.tsp-home-grid > #spark-call-scripts-shortcut { background: #fff0ec; color: #752b23; border-color: #cf9385; }
.tsp-home-grid > #spark-plan-studio-shortcut { background: #eee7f5; color: #503767; border-color: #b4a0c4; }
[data-theme=after-hours] .tsp-home-grid > #spark-call-scripts-shortcut { background: #4b302d; color: #ffe8e0; border-color: #98665b; }
[data-theme=after-hours] .tsp-home-grid > #spark-plan-studio-shortcut { background: #3b304b; color: #f2e7ff; border-color: #806796; }
.tsp-home-admin { margin-top: 20px; }
@media (max-width: 800px) {
  .tsp-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .tsp-home-grid > .tsp-home-action { grid-column: span 1; min-height: 112px; padding: 18px; }
  .tsp-home-grid > #spark-plan-studio-shortcut,
  .tsp-home-grid:has(#spark-plan-studio-shortcut) > #spark-call-scripts-shortcut { grid-column: span 1; }
  .tsp-home-grid > .tsp-home-action:last-child:nth-child(even) { grid-column: 1 / -1; }
  .tsp-home-grid:has(#spark-plan-studio-shortcut) > .tsp-home-action:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .tsp-home-grid .tsp-home-label { font-size: 20px; }
}
@media (max-width: 480px) {
  .tsp-home-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .tsp-home-grid > .tsp-home-action,
  .tsp-home-grid > #spark-plan-studio-shortcut,
  .tsp-home-grid:has(#spark-plan-studio-shortcut) > #spark-call-scripts-shortcut { grid-column: 1 / -1; min-height: 96px; }
  .tsp-home-grid .tsp-home-label { font-size: 20px; padding-right: 16px; }
}