/* ============================================================
   Datafluvia DesignPack — entry point.

   Loaded once from `Layouts/Base.html`, AFTER `Css/Datafluvia/Tokens.css`:
   every `--dp-*` colour is an alias onto a `--df-*` token declared there, so
   the order is load-bearing rather than tidy.

   Foundation first, components after — the components consume the tokens, the
   type roles and the layout primitives, and a component file that had to win
   a specificity fight against Foundation would mean the layer boundary had
   been crossed.

   Within Components, Temeller come first: the domain families compose them
   (`.dp-field`, `.dp-progress`, `.dp-skeleton__line` are all declared once, in
   a Temeller file, and reused rather than restated).

   `@import` rather than a build step: a Python project with no `package.json`
   (CLAUDE.md), so there is no bundler to concatenate these. One request per
   file on a cold cache, which HTTP/2 makes cheap, and a library a developer
   can read one family at a time.

   `tests/test_designPack.py::test_everyComponentStylesheetIsImported` fails if
   a stylesheet lands in Components/ without a line here — an unimported
   component does not error, it just renders unstyled.

   See `.docs/datafluvia/DesignPackImplementation.md`.
   ============================================================ */

/* ---- Foundation ---- */
@import url('./Foundation/Tokens.css');
@import url('./Foundation/Reset.css');
@import url('./Foundation/Typography.css');
@import url('./Foundation/Icons.css');
@import url('./Foundation/Layout.css');


/* ---- Temeller (F01–F16) — the primitives every other family composes ---- */
@import url('./Components/Button.css');                    /* F01 */
@import url('./Components/Field.css');                     /* F02 */
@import url('./Components/Combobox.css');                  /* F03 */
@import url('./Components/Choice.css');                    /* F04 */
/* F05's calendar is flatpickr. The vendor sheet is upstream and untouched
   (structure only); `DatePicker.css` paints it from the `--dp-*` tokens and
   MUST come after it. See `Components/DatePicker.css`. */
@import url('../Vendor/Flatpickr.css');                    /* F05 — vendor */
@import url('./Components/DateRange.css');                 /* F05 */
@import url('./Components/DatePicker.css');                /* F05 */
@import url('./Components/Badge.css');                     /* F06 */
@import url('./Components/Tabs.css');                      /* F07 */
@import url('./Components/Filters.css');                   /* F08 */
@import url('./Components/Table.css');
/* ---- The Consight table, taken verbatim ----------------------------------
   `../Legacy/Consight/Components/TableModern.css`, byte-identical to the file
   in the Consight app (2139 lines). Product decision, 2026-08-31: "birebir al
   kullan".

   WHAT THIS COSTS, ON THE RECORD. It breaks three CLAUDE.md rules at once:
   raw hex outside `Datafluvia/Tokens.css`, glass/gradient surfaces, and
   "do not build new UI on the inherited Consight pack". So it does not follow
   the theme through `--df-*` — it carries its own `--table-modern-*` block and
   its own `[data-theme="dark"]` branch, and a change to a Datafluvia token
   will not reach it. Retuning the palette means editing this file too.

   WHY IT IS SAFE TO IMPORT ANYWAY. Every selector in it is prefixed
   `.table-modern-*`, `.table-user-*` or `.skeleton-*`, and its only
   unprefixed declarations are `--table-modern-*` custom properties on `:root`.
   Nothing collides with `.dp-*` or `.df-*`.

   HOW IT WINS, IN TWO DIFFERENT WAYS. The TABLE is decided by specificity:
   `.table-modern thead th` at (0,1,2) beats `.dp-table__th` at (0,1,0), so
   order is irrelevant there. The FRAME is not — `.table-modern-container` and
   `.dp-datatable` are both (0,1,0), as are the toolbar, footer, search and
   pagination pairs — so this import has to sit AFTER `DataTable.css`. It did
   not at first, and the result was Consight's table inside Datafluvia's card:
   right rows, wrong frame. Do not move it back above.

   The markup carries BOTH class families, so `Table.css` and `DataTable.css`
   keep everything this file does not mention: the responsive card mode, the
   selection column, the focus ring, the no-JS fallbacks.
   ------------------------------------------------------------------------ */
@import url('./Components/DataTable.css');                 /* F09 — the searched/paged frame around it */
@import url('../Legacy/Consight/Components/TableModern.css');                     /* F09 */
/* ---- and the frame it draws, replaced with ours ----
   `TableFrame.css` swaps `.table-modern-container`'s glass card — gradient,
   blur, white edge, double shadow, highlight line — for the product's own
   card: `--df-surface`, a 1px `--df-border`, `--df-radius-card` and
   `--df-shadow`, the same four `.df-card` draws. It has to load AFTER, at
   equal specificity, and the file's own header explains why it is an override
   rather than a handful of edits inside 2139 lines. Product decision,
   2026-08-31: the table's container is rounded and lightly raised everywhere.
   (It was `TableFlat.css` for a few hours the same day, when the decision was
   the opposite one — hence the rename.) */
@import url('./Components/TableFrame.css');
@import url('./Components/Modal.css');                     /* F10 */
@import url('./Components/Drawer.css');                    /* F11 */
@import url('./Components/Toast.css');                     /* F12 */
@import url('./Components/States.css');                    /* F13 */
@import url('./Components/Menu.css');                      /* F14 */
@import url('./Components/Stepper.css');                   /* F15 */
@import url('./Components/FileTransfer.css');              /* F16 */

/* ---- Control (A01–A13) — the operator surface ---- */
@import url('./Components/ControlShell.css');              /* A01 */
@import url('./Components/ControlSignIn.css');             /* A02 */
@import url('./Components/TenantList.css');                /* A03 */
@import url('./Components/TenantDetail.css');              /* A04 */
@import url('./Components/LicensePool.css');               /* A05 */
@import url('./Components/InvoiceTable.css');              /* A06 */
@import url('./Components/EngineerDirectory.css');         /* A07 */
@import url('./Components/EngineerAssignment.css');        /* A08 */
@import url('./Components/BusinessUnitTree.css');          /* A09 */
@import url('./Components/AgentInventory.css');            /* A10 */
@import url('./Components/AgentGuardrails.css');           /* A11 */
@import url('./Components/AgentRelease.css');              /* A12 */
@import url('./Components/OperationsHealth.css');          /* A13 */

/* ---- Self-service (S01–S11) — the customer account surface ---- */
@import url('./Components/CustomerSignUp.css');            /* S01 */
@import url('./Components/CustomerSignIn.css');            /* S02 */
@import url('./Components/OrgOnboarding.css');             /* S03 */
@import url('./Components/TeamInvites.css');               /* S04 */
@import url('./Components/RoleAccess.css');                /* S05 */
@import url('./Components/PlanCompare.css');               /* S06 */
@import url('./Components/CheckoutSummary.css');           /* S07 */
@import url('./Components/SubscriptionSeats.css');         /* S08 */
@import url('./Components/BillingMethods.css');            /* S09 */
@import url('./Components/TenantSettings.css');            /* S10 */
@import url('./Components/ProfilePreferences.css');        /* S11 */

/* ---- Ask (Q01–Q12) — the customer core experience ---- */
@import url('./Components/AskWorkspace.css');              /* Q01 */
@import url('./Components/QuestionLibrary.css');           /* Q02 */
@import url('./Components/ClarifyDialog.css');             /* Q03 */
@import url('./Components/QueryProgress.css');             /* Q04 */
@import url('./Components/AnswerCard.css');                /* Q05 */
@import url('./Components/Chart.css');                     /* Q06 */
@import url('./Components/DrillDown.css');                 /* Q07 */
@import url('./Components/Explainability.css');            /* Q08 */
@import url('./Components/Confidence.css');                /* Q09 */
@import url('./Components/SourceFreshness.css');           /* Q10 */
@import url('./Components/AnswerFeedback.css');            /* Q11 */
@import url('./Components/ShareExport.css');               /* Q12 */

/* ---- Monitor (M01–M07) ---- */
@import url('./Components/BoardEditor.css');               /* M01 */
@import url('./Components/KpiTile.css');                   /* M02 */
@import url('./Components/AnomalyFeed.css');               /* M03 */
@import url('./Components/AlertRule.css');                 /* M04 */
@import url('./Components/DriverAnalysis.css');            /* M05 */
@import url('./Components/CohortMatrix.css');              /* M06 */
@import url('./Components/ForecastPanel.css');             /* M07 */

/* ---- Brief (B01–B04) ---- */
@import url('./Components/BriefReader.css');               /* B01 */
@import url('./Components/BriefSchedule.css');             /* B02 */
@import url('./Components/DeliveryLog.css');               /* B03 */
@import url('./Components/BriefTemplate.css');             /* B04 */

/* ---- Yönetişim (G01–G10) — sources, metrics, access, audit ---- */
@import url('./Components/SourceCatalog.css');             /* G01 */
@import url('./Components/SchemaMapping.css');             /* G02 */
@import url('./Components/MetricCatalog.css');             /* G03 */
@import url('./Components/MetricEditor.css');              /* G04 */
@import url('./Components/DataQuality.css');               /* G05 */
@import url('./Components/AccessPolicy.css');              /* G06 */
@import url('./Components/AccessSimulator.css');           /* G07 */
@import url('./Components/AuditLog.css');                  /* G08 */
@import url('./Components/RetentionPolicy.css');           /* G09 */
@import url('./Components/UsageAnalytics.css');            /* G10 */