/* ==========================================================================
   Admin Design System — entry point
   예제 페이지(examples/index.html)에서는 이 파일 하나만 불러옵니다:
     <link rel="stylesheet" href="../shared/css/main.css">
   토큰(색상/간격 등)만 바꾸고 싶다면 tokens.css만 수정하세요.
   컴포넌트를 새로 추가할 땐 components/ 안에 파일을 만들고 아래에 한 줄만 추가하면 됩니다.

   참고: @import는 브라우저가 순차적으로 불러오기 때문에 파일 수가 아주 많아지면
   초기 로딩이 느려질 수 있습니다. 지금 규모(20개 안팎)에서는 체감상 문제 없지만,
   나중에 빌드 툴(Vite 등)을 쓰게 되면 이 파일들을 한 번에 번들링해서 그 문제가 사라집니다.
   ========================================================================== */

@import 'tokens.css?v=20261003-header-bands';
@import 'base.css';
@import 'utilities.css';

@import 'components/icon.css';
@import 'components/code.css';
@import 'components/button.css';
@import 'components/form.css?v=20260918-bulk-status';
@import 'components/badge.css?v=20260918-name-actions';
@import 'components/card.css?v=20260918-record-detail';
@import 'components/table.css?v=20260918-name-actions';
@import 'components/alert.css';
@import 'components/tabs.css';
@import 'components/pagination.css?v=20260918-numbered';
@import 'components/breadcrumb.css';
@import 'components/avatar.css';
@import 'components/dropdown.css';
@import 'components/tooltip.css';
@import 'components/progress.css';
@import 'components/empty-state.css';
@import 'components/modal.css';
@import 'components/navigation.css';

@import 'layout.css?v=20261009-actions-spacing1';

@import "./components/guided-form.css?v=20260918-help20";

@import 'components/header-bands.css?v=20261003-1';

@import 'components/text-spacing.css?v=20261007-text-spacing1';

@import 'components/refresh.css?v=20261007-refresh1';