.dialog-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.workspace-loading > p {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 14px;
  color: #526886;
  font-size: 13px;
}
.workspace-loading-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3267d6;
  box-shadow: 0 0 0 4px #e7efff;
}
.workspace-placeholder {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 20px;
}
.workspace-placeholder i {
  display: block;
  width: 55%;
  height: 10px;
  border-radius: 8px;
  background: #eaf0f8;
}
.workspace-placeholder i:nth-child(2) {
  width: 38%;
  height: 27px;
  background: #e0e9f7;
}
.workspace-placeholder i:last-child { width: 76%; }
.workspace-placeholder-detail {
  margin-top: 16px;
  min-height: 124px;
}

.template-preview-status {
  padding: 10px 20px;
  color: #526886;
  font-size: 13px;
  background: #f2f6fc;
  border-bottom: 1px solid #e5edf7;
}

/* Keep the customer import workflow in a narrow drawer on desktop. */
.drawer.import-drawer { width: 33.333vw; }
.import-progress { display: flex; align-items: center; gap: 9px; margin-block: 14px; color: var(--blue); }
#upload-status:not(:empty) { margin-block: 12px; color: var(--red); }
.mail-progress-float { max-height: 45dvh; overflow-y: auto; }
@media (max-width: 1100px) {
  .drawer.import-drawer { width: min(440px, 100vw); }
}

[data-page="overview"] :is(.pagehead, .kpis, .overview-switch, .overview-panel) {
  width: 100%;
  max-width: 1200px;
}
.overview-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 8px;
}
.overview-switch button {
  padding: 5px 12px;
  border-radius: 6px;
  color: #657992;
}
.overview-switch button[aria-pressed="true"] {
  background: #eaf1ff;
  color: var(--blue);
  font-weight: 600;
}
[data-page="overview"] .overview-panel { flex: none; }
[data-page="overview"] .overview-panel .stack > .card { grid-template-rows: auto; }
[data-page="overview"] .overview-panel .todo { min-height: 64px; }
[data-page="overview"] .overview-panel .hc-market-globe { min-height: 440px; }
.app-shell [data-page="overview"] .overview-panel .market-visual { min-height: 180px; }