/* PollSystem app shell. Feature styles are loaded with their sections. */
@import './base/reset.css';
@import './base/variables.css';
@import './base/themes.css';
@import './base/typography.css';

@import './layout/app-shell.css';

@import './components/buttons.css';
@import './components/badges.css';
@import './components/topbar.css';
@import './components/sections.css';
@import './components/mobile-menu.css';
@import './components/forms.css';
@import './components/tables.css';
@import './components/pagination.css';
@import './components/modals.css';
@import './components/ui.css';
@import './components/scrollbars.css';
@import './components/pwa-install.css';

@import './modules/notifications.css';
@import './modules/suggestions-modal.css';
@import './modules/dashboard.css';

@import './layout/responsive-system.css';
@import './components/form-controls.css';
@import './components/sidebar-navigation.css';
@import './components/compact-header.css';
@import './components/mobile-foundation.css';
@import './modules/segment-dashboard.css';

.section[data-route-preview="1"] {
  position: relative;
  min-height: min(360px, 60dvh);
}

.section[data-route-preview="1"] > :not(.route-bootstrap-loading) {
  visibility: hidden;
}

.route-bootstrap-loading {
  position: absolute;
  inset: 24px;
  display: grid;
  place-items: center;
  color: var(--muted);
  font-weight: 700;
  text-align: center;
}