/**
 * App layout – matches csm-ui look (light gray page, system font).
 * Literal values only so layout never breaks.
 */

.App {
  min-height: 100vh;
  background-color: #f5f5f5;
}

.content-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem; /* space between navbar and content, then sides/bottom */
}

/* When dashboard is shown: csm-ui style – gray background, system font, 24px padding with top spacing */
.content-wrapper.csm-dashboard-wrapper {
  padding-top: 1.5rem;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  background-color: #f5f5f5;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#csm-dashboard-root {
  width: 100%;
  min-height: 100%;
}

body #csm-dashboard-root ~ *,
.content-wrapper #csm-dashboard-root {
  width: 100%;
}

.welcome-content {
  max-width: 1400px;
  margin: 0 auto;
}

.welcome-content .lead {
  color: #666;
  font-size: 14px;
}