.atlas-surface { width: min(1400px, 92vw); height: min(78vh, 860px); min-height: 520px; }
.overview-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; padding: 28px 30px 34px; }
.atlas-workspace { padding: 18px; gap: 13px; }
.atlas-workspace-heading { display: grid; gap: 4px; min-width: 0; }
.atlas-workspace-heading span { color: var(--desktop-text-muted); font-size: 11px; }
.atlas-workspace header button { min-height: 36px; padding-inline: 12px; }
.atlas-item-icons { display: flex; align-items: center; gap: 4px; min-height: 18px; }
.atlas-item-icons .app-icon { width: 18px; height: 18px; }
.atlas-item-icons .app-icon-img, .atlas-item-icons .app-icon > svg { width: 18px; height: 18px; }
.atlas-move-action { min-height: 36px; border: 1px solid color-mix(in srgb, var(--accent) 30%, rgba(255,255,255,.1)); border-radius: 9px; background: color-mix(in srgb, var(--accent) 10%, transparent); color: var(--desktop-text-secondary); font-size: 11px; cursor: pointer; }
.atlas-move-action:hover { color: var(--desktop-text-primary); background: color-mix(in srgb, var(--accent) 18%, transparent); }
.atlas-workspace.is-trailing { align-content: center; min-height: 270px; }
.atlas-workspace.is-trailing .atlas-plate { min-height: 150px; }
@media (max-width: 900px) {
  .atlas-surface { width: auto; height: 100%; min-height: 0; }
  .overview-grid { grid-template-columns: 1fr; }
}