/* Dashboard component styles */

/* Top cards section */
.dashboard-top-cards {
  margin-top: 8px;
}

.dashboard-card {
  border-radius: 8px;
}

.dashboard-card-title {
  font-size: 1rem;
  font-weight: 500;
}

/* Right sidebar styles */
.dashboard-right-sidebar {
  margin-top: 8px;
}

.dashboard-column-container {
  border-radius: 8px;
}

.dashboard-event-selector {
  width: auto;
  min-width: 150px;
}

.dashboard-event-date {
  font-size: 0.9rem;
}

.dashboard-event-item {
  padding: 8px;
  border-radius: 4px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.dashboard-event-title {
  font-size: 0.85rem;
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.dashboard-event-time {
  font-size: 0.75rem;
  color: #666;
}

.dashboard-event-description {
  font-size: 0.75rem;
  color: #666;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Ensure right sidebar content stays within bounds */
.dashboard-right-sidebar .column-card {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.dashboard-right-sidebar .column-card > div {
  width: 100%;
  max-width: 100%;
}

/* Override min-width for event tiles in dashboard to ensure they fit */
.dashboard-right-sidebar .event-list-item-container {
  min-width: 0;
  width: 100%;
  max-width: 100%;
} 