/* =====================================================================
   @shashimadushan/docx-editor-editor — styles
   Word/Google-Docs-style paged editor surface + token-driven theming.

   This file is a manifest: each concern lives in its own partial under
   base/, components/, editor-surface/, tables/, and theme/ — imported
   here in cascade order. Add new component/feature styles as a new
   partial + `@import` line rather than growing this file directly (see
   packages/editor/CLAUDE.md for the convention).
   ===================================================================== */

@import './base/reset.css';
@import './base/tokens.css';
@import './base/layout.css';

@import './components/title-bar.css';
@import './components/menu-bar.css';
@import './components/toolbar.css';
@import './components/suggestions.css';
@import './components/comments.css';
@import './components/content-controls.css';
@import './components/ruler.css';
@import './components/find-replace.css';
@import './components/table-size-picker.css';
@import './components/mobile-sheet.css';
@import './components/agent-mention.css';

@import './editor-surface/paged-paper.css';
@import './tables/tables.css';
@import './editor-surface/docx-import-layout.css';
@import './editor-surface/content-blocks.css';

@import './components/watermark-header-footer.css';
@import './components/agent-panel.css';
@import './components/status-loading.css';
@import './components/history-sidebar.css';
@import './components/history-diff.css';

@import './theme/dark-mode.css';

/* Mobile layout mode (opt-in via `<ReactDocxEditor layout="mobile">`) —
   every rule in these partials is scoped under
   `.docx-editor-react[data-de-layout="mobile"]`, so they're inert unless
   that prop is set (see packages/editor/CLAUDE.md + ReactDocxEditor.tsx). */
@import './mobile/layout.css';
@import './mobile/toolbar.css';
@import './mobile/zoom.css';
@import './mobile/selection-bar.css';
@import './mobile/comments.css';
@import './mobile/status-bar.css';
@import './mobile/safe-area.css';

@import './print.css';
