@import './reset.css';
@import './theme.css';
@import './utilities.css';
@import './panels.css';
@import './notes.css';
@import './modal.css';
@import './dropdown-base.css';
@import './settings.css';
@import './auth.css';
@import './tasks.css';
@import './triage.css';
@import './tasks-sidebar.css';
@import './workspaces.css';
@import './user-profile.css';
@import './detail-panel.css';
@import './context-menu.css';
@import './calendar-fullscreen.css';
@import './date-picker.css';
@import './eisenhower.css';
@import './quick-create.css';
@import './mode-switcher.css';
@import './planning-calendar.css';
@import './rich-text-toolbar.css';
@import './command-palette.css';
@import './keyboard-shell.css';
@import './analytics.css';
@import './task-templates.css';
@import './milestone-timeline.css';
@import './project-progress.css';
@import './sidebar-enhancements.css';

/* ── phantom-ui pre-hydration ── */
/* Prevents content flash before the Web Component JavaScript loads */
phantom-ui[loading] * {
  -webkit-text-fill-color: transparent !important;
  pointer-events: none;
  user-select: none;
}
phantom-ui[loading] img, phantom-ui[loading] svg,
phantom-ui[loading] video, phantom-ui[loading] canvas,
phantom-ui[loading] button, phantom-ui[loading] [role="button"] {
  opacity: 0 !important;
}