/* Revaro stylesheet manifest.
 *
 * This file is the single entry point `<link rel="stylesheet" href="/styles.css">`
 * in `index.html`. It replaces the Vue side's two-stage import graph
 * (`main.ts` importing `style.css`/`account.css`/`ui.css`/... while `style.css`
 * itself `@import`ed the seven `styles/*.css` parts) with one flat, explicit
 * list.
 *
 * The global and component sheets form an ordered cascade. Keep the import
 * order stable: `logic::stylesheet` checks it against the manifest.
 *
 * Effective cascade order recovered from the Vue entry point:
 *   1  styles/shell.css              7  account.css
 *   2  styles/browser.css            8  ui.css
 *   3  styles/uploads.css            9  styles/selection-toolbar.css
 *   4  styles/dialogs.css           10  styles/share-dialog.css
 *   5  styles/media.css             11  styles/document-editor.css
 *   6  styles/responsive.css        12  styles/reader-flow.css
 *                                   13  styles/reader-chrome.css
 *                                   14  styles/video-player.css
 *
 * `video-player.css` is last because Vue loaded it from
 * `VideoPlayer.vue`'s `<style src>`, i.e. after every module-level import.
 *
 * Appended after those fourteen are the ported `<style scoped>` component
 * blocks. Vue emitted them with an extra `[data-v-*]` attribute, so they
 * outranked the global sheets on equal specificity; the port keeps that by
 * loading them after every global sheet and by anchoring their generic class
 * names under each component root. The `:deep()` selectors among them are now
 * plain selectors, since Leptos has no scoped-style transform. */

@import "styles/shell.css";
@import "styles/browser.css";
@import "styles/uploads.css";
@import "styles/dialogs.css";
@import "styles/media.css";
@import "styles/responsive.css";
@import "styles/account.css";
@import "styles/ui.css";
@import "styles/selection-toolbar.css";
@import "styles/share-dialog.css";
@import "styles/document-editor.css";
@import "styles/reader-flow.css";
@import "styles/reader-chrome.css";
@import "styles/video-player.css";

/* Ported component scoped blocks (see the header note above). */
@import "styles/components/app-topbar.css";
@import "styles/components/upload-progress.css";
@import "styles/components/status-badge.css";
@import "styles/components/directory-flyout.css";
@import "styles/components/directory-picker.css";
@import "styles/components/file-browser-header.css";
@import "styles/components/full-bleed-progress.css";
@import "styles/content-library.css";
@import "styles/components/file-card.css";