@ketvietlab/design-system 0.1.9 → 0.1.13

package/dist/patterns/patterns.css

@@ -1,2247 +1,12 @@
-@layer ket.app {
-  :where([data-kv-design-system])
-    :is(
-      [data-ui="list-page"],
-      [data-ui="record-page"],
-      [data-ui="form-page"],
-      [data-ui="dashboard-page"],
-      [data-ui="board-page"]
-    ) {
-    --kv-page-title-size: 1.5rem;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page"] {
-    display: grid;
-    min-width: 0;
-    gap: var(--kv-space-3);
-    padding: var(--kv-space-6) var(--kv-page-padding-x) var(--kv-space-10);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page-header"] {
-    min-width: 0;
-    padding-bottom: var(--kv-space-2);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page-heading"] {
-    display: grid;
-    min-width: 0;
-    gap: var(--kv-space-1);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page-title-row"] {
-    display: flex;
-    min-width: 0;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: var(--kv-space-3);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page-eyebrow"] {
-    margin: 0;
-    color: var(--kv-accent);
-    font-size: var(--kv-text-2xs);
-    font-weight: var(--kv-weight-bold);
-    letter-spacing: 0;
-    line-height: var(--kv-leading-tight);
-    text-transform: uppercase;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page-title"] {
-    margin: 0;
-    color: var(--kv-text-main);
-    font-size: var(--kv-page-title-size);
-    font-weight: var(--kv-weight-semibold);
-    letter-spacing: 0;
-    line-height: var(--kv-leading-tight);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page-description"] {
-    max-width: 48rem;
-    margin: 0;
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-sm);
-    line-height: var(--kv-leading-normal);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page-actions"] {
-    display: flex;
-    flex: 0 0 auto;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: var(--kv-space-2);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page-toolbar"] {
-    display: flex;
-    width: 100%;
-    min-width: 0;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: var(--kv-space-2);
-    padding: var(--kv-space-2);
-    border: 1px solid var(--kv-panel-border);
-    border-radius: var(--kv-radius-md);
-    background: var(--kv-panel-bg-subtle);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page-controls"] {
-    min-width: min(100%, 24rem);
-    flex: 1 1 40rem;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page-status"] {
-    min-width: max-content;
-    flex: 0 0 auto;
-    padding-inline: var(--kv-space-2);
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-xs);
-    font-variant-numeric: tabular-nums;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page-body"] {
-    min-width: 0;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page-footer"] {
-    min-width: 0;
-    padding-top: var(--kv-space-3);
-    border-top: 1px solid var(--kv-panel-divider);
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-xs);
-  }
-
-  /* Application collections opt into the full operational workspace. This keeps
-     context, identity, command bar and results in distinct horizontal bands so
-     dense records remain the visual focus. */
-  :where([data-kv-design-system]) [data-ui="list-page"][data-variant="operational"] {
-    gap: 0;
-    padding: 0 0 var(--kv-space-10);
-    background: var(--kv-page-content-bg);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="list-page"][data-variant="operational"]
-    [data-ui="list-page-context"] {
-    display: flex;
-    min-width: 0;
-    min-height: var(--kv-table-header-height);
-    align-items: center;
-    padding-inline: var(--kv-page-padding-x);
-    border-bottom: 1px solid var(--kv-panel-divider);
-    background: var(--kv-page-chrome-bg);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="list-page"][data-variant="operational"]
-    [data-ui="list-page-header"] {
-    padding: var(--kv-space-4) var(--kv-page-padding-x);
-    border-bottom: 1px solid var(--kv-panel-divider);
-    background: var(--kv-page-chrome-bg);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="list-page"][data-variant="operational"]
-    [data-ui="list-page-title-row"] {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) auto;
-    gap: var(--kv-space-5);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="list-page"][data-variant="operational"]
-    [data-ui="list-page-actions"] {
-    justify-content: flex-end;
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="list-page"][data-variant="operational"]
-    [data-ui="list-page-toolbar"] {
-    padding: var(--kv-space-3) var(--kv-page-padding-x) var(--kv-space-2-5);
-    border: 0;
-    border-radius: 0;
-    background: var(--kv-page-bg);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="list-page"][data-variant="operational"]
-    [data-ui="list-page-controls"] {
-    min-width: 0;
-    flex-basis: 100%;
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="list-page"][data-variant="operational"]
-    [data-ui="list-page-body"] {
-    padding-top: var(--kv-space-2);
-    padding-inline: var(--kv-page-padding-x);
-    background: var(--kv-page-content-bg);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="list-page"][data-variant="operational"]
-    [data-ui="list-page-footer"] {
-    margin: var(--kv-space-3) var(--kv-page-padding-x) 0;
-    padding: var(--kv-space-2-5) var(--kv-space-3);
-    border: 1px solid var(--kv-panel-border);
-    border-radius: var(--kv-radius-md);
-    background: var(--kv-panel-bg);
-    font-variant-numeric: tabular-nums;
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="list-page"][data-variant="operational"]
-    [data-ui="list-page-body"]:has(+ [data-ui="list-page-footer"])
-    > [data-ui="table-scroll"] {
-    border-radius: var(--kv-radius-md) var(--kv-radius-md) 0 0;
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="list-page"][data-variant="operational"]
-    [data-ui="list-page-body"]:has(> [data-ui="table-scroll"])
-    + [data-ui="list-page-footer"] {
-    margin-top: -1px;
-    border-radius: 0 0 var(--kv-radius-md) var(--kv-radius-md);
-  }
-
-  /* Lists are page regions, not cards. More capable application tables may add
-     selection, grouping or configurable columns while retaining this surface. */
-  :where([data-kv-design-system]) [data-ui="list-page"] [data-ui="table-scroll"] {
-    margin: 0;
-    border-color: var(--kv-table-border);
-    border-radius: var(--kv-radius-md);
-    background: var(--kv-table-bg);
-    box-shadow: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page"] [data-ui="table"] th {
-    background: var(--kv-table-header-bg);
-    color: var(--kv-table-header-text);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page"] [data-ui="row"] td {
-    background: var(--kv-table-row-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-page"] [data-ui="row"]:hover td {
-    background: var(--kv-table-row-hover);
-  }
-
-  :where([data-kv-design-system]) [data-ui="table-scroll"] {
-    width: 100%;
-    overflow-x: auto;
-    border: 1px solid var(--kv-panel-border);
-    border-radius: var(--kv-radius-md);
-    background: var(--kv-table-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="table"] {
-    width: 100%;
-    min-width: 38rem;
-    border-collapse: separate;
-    border-spacing: 0;
-    font-size: var(--kv-text-sm);
-  }
-
-  :where([data-kv-design-system]) [data-ui="table-scroll"][data-framed="false"],
-  :where([data-kv-design-system]) [data-ui="list-page"] [data-ui="table-scroll"][data-framed="false"] {
-    width: auto;
-    margin-inline: 0;
-    border: 0;
-    border-radius: 0;
-    background: transparent;
-  }
-
-  :where([data-kv-design-system]) [data-ui="table-caption"] {
-    padding: var(--kv-space-3);
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-xs);
-    text-align: left;
-  }
-
-  :where([data-kv-design-system]) [data-ui="col"] {
-    height: var(--kv-table-header-height);
-    padding: 0 var(--kv-space-3);
-    border-bottom: 1px solid var(--kv-table-border);
-    background: var(--kv-table-header-bg);
-    color: var(--kv-table-header-text);
-    font-size: var(--kv-text-2xs);
-    font-weight: var(--kv-weight-semibold);
-    letter-spacing: 0;
-    text-align: left;
-    text-transform: uppercase;
-    white-space: nowrap;
-  }
-
-  :where([data-kv-design-system]) [data-ui="select-col"],
-  :where([data-kv-design-system]) [data-ui="select-cell"] {
-    width: 3.5rem;
-    min-width: 3.5rem;
-    max-width: 3.5rem;
-    white-space: nowrap;
-    text-align: center;
-  }
-
-  :where([data-kv-design-system]) [data-ui="select-col"] {
-    height: var(--kv-table-header-height);
-    padding: 0 var(--kv-space-3);
-    border-bottom: 1px solid var(--kv-table-border);
-    background: var(--kv-table-header-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="select-cell"] {
-    min-width: 3.5rem;
-    height: var(--kv-row-height);
-    padding: 0.4375rem var(--kv-space-3);
-    border-bottom: 1px solid var(--kv-table-border);
-    background: var(--kv-table-row-bg);
-    vertical-align: middle;
-  }
-
-  :where([data-kv-design-system]) [data-ui="select-all"],
-  :where([data-kv-design-system]) [data-ui="row-select"] {
-    width: 1rem;
-    height: 1rem;
-    margin: 0;
-    accent-color: var(--kv-color-accent);
-  }
-
-  :where([data-kv-design-system]) [data-ui="sort-link"] {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--kv-space-1);
-    color: inherit;
-    text-decoration: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="sort-link"]:hover {
-    color: var(--kv-color-accent);
-  }
-
-  :where([data-kv-design-system]) [data-ui="sort-icon"] {
-    color: var(--kv-color-accent);
-    font-size: var(--kv-text-xs);
-    line-height: 1;
-  }
-
-  :where([data-kv-design-system]) [data-ui="col"][data-align="end"],
-  :where([data-kv-design-system]) [data-ui="cell"][data-align="end"] {
-    font-variant-numeric: tabular-nums;
-    text-align: right;
-  }
-
-  :where([data-kv-design-system]) [data-ui="row"] {
-    position: relative;
-    height: var(--kv-row-height);
-    transition: background var(--kv-motion-fast);
-  }
-
-  :where([data-kv-design-system]) [data-ui="row"]:hover {
-    background: transparent;
-  }
-
-  :where([data-kv-design-system]) [data-ui="row"]:hover [data-ui="cell"],
-  :where([data-kv-design-system]) [data-ui="row"]:hover [data-ui="select-cell"] {
-    background: var(--kv-table-row-hover);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="row"][data-selected="true"]:not(:has([data-ui="row-select"]))
-    [data-ui="cell"],
-  :where([data-kv-design-system]) [data-ui="row"]:has([data-ui="row-select"]:checked) [data-ui="cell"],
-  :where([data-kv-design-system])
-    [data-ui="row"]:has([data-ui="row-select"]:checked)
-    [data-ui="select-cell"] {
-    background: var(--kv-table-row-selected);
-  }
-
-  :where([data-kv-design-system]) [data-ui="group-row"] {
-    height: var(--kv-table-header-height);
-  }
-
-  :where([data-kv-design-system]) [data-ui="group-cell"] {
-    padding: var(--kv-space-2) var(--kv-space-3);
-    border-bottom: 1px solid var(--kv-table-border);
-    background: var(--kv-table-header-bg);
-    color: var(--kv-text-main);
-    font-size: var(--kv-text-sm);
-    font-weight: var(--kv-weight-semibold);
-    text-align: left;
-  }
-
-  :where([data-kv-design-system]) [data-ui="group-link"] {
-    display: inline-flex;
-    align-items: center;
-    min-width: 0;
-    color: inherit;
-    text-decoration: none;
-    vertical-align: middle;
-  }
-
-  :where([data-kv-design-system]) a[data-ui="group-link"]:hover {
-    color: var(--kv-color-accent);
-    text-decoration: underline;
-    text-underline-offset: 0.15em;
-  }
-
-  :where([data-kv-design-system]) [data-ui="group-indent"] {
-    display: inline-block;
-    width: calc(var(--kv-group-depth, 0) * var(--kv-space-5));
-    min-width: 0;
-  }
-
-  :where([data-kv-design-system]) [data-ui="group-count"] {
-    display: inline-grid;
-    min-width: 1.625rem;
-    margin-left: var(--kv-space-2);
-    padding: 0 var(--kv-space-2);
-    border-radius: var(--kv-radius-full);
-    background: var(--kv-interactive-disabled);
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-xs);
-    font-variant-numeric: tabular-nums;
-    line-height: 1.5;
-    text-align: center;
-  }
-
-  :where([data-kv-design-system]) [data-ui="group-pager"] td {
-    padding: var(--kv-space-2) var(--kv-space-3);
-    border-bottom: 1px solid var(--kv-table-border);
-    background: var(--kv-table-row-bg);
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-xs);
-  }
-
-  :where([data-kv-design-system]) [data-ui="group-pager-actions"] {
-    display: inline-flex;
-    gap: var(--kv-space-1);
-    margin-left: var(--kv-space-3);
-  }
-
-  :where([data-kv-design-system]) [data-ui="group-pager-actions"] a {
-    display: inline-grid;
-    place-items: center;
-    width: 1.5rem;
-    height: 1.5rem;
-    border: 1px solid var(--kv-border-default);
-    border-radius: var(--kv-radius-sm);
-    color: var(--kv-text-secondary);
-    text-decoration: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="cell"] {
-    max-width: 24rem;
-    height: var(--kv-row-height);
-    padding: 0.4375rem var(--kv-space-3);
-    border-bottom: 1px solid var(--kv-table-border);
-    background: var(--kv-table-row-bg);
-    color: var(--kv-text-secondary);
-    overflow-wrap: anywhere;
-  }
-
-  :where([data-kv-design-system]) [data-ui="cell"][data-priority="primary"] {
-    color: var(--kv-text-main);
-    font-weight: var(--kv-weight-semibold);
-  }
-
-  :where([data-kv-design-system]) [data-ui="cell"][data-linked="true"] {
-    padding: 0;
-  }
-
-  :where([data-kv-design-system]) [data-ui="row-link"] {
-    display: flex;
-    min-height: calc(var(--kv-row-height) - 1px);
-    align-items: center;
-    padding: 0.4375rem var(--kv-space-3);
-    color: inherit;
-    text-decoration: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="row-link"]:hover {
-    color: var(--kv-color-accent);
-    text-decoration: underline;
-    text-underline-offset: 0.15em;
-  }
-
-  :where([data-kv-design-system]) [data-ui="row-link"]::after {
-    position: absolute;
-    inset: 0;
-    content: "";
-  }
-
-  :where([data-kv-design-system]) [data-ui="row-select"] {
-    position: relative;
-    z-index: 1;
-  }
-
-  :where([data-kv-design-system]) [data-ui="row"]:focus-within {
-    outline: 2px solid var(--kv-color-focus);
-    outline-offset: -2px;
-  }
-
-  :where([data-kv-design-system]) [data-ui="row-link"]:focus-visible {
-    outline: none;
-    box-shadow: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="cell"][data-align="end"] [data-ui="row-link"] {
-    justify-content: flex-end;
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="table-scroll"][data-gutter="compact"]
-    [data-ui="cell"]:not([data-linked="true"]),
-  :where([data-kv-design-system]) [data-ui="table-scroll"][data-gutter="compact"] [data-ui="row-link"] {
-    padding-block: 0.3125rem;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-chrome"] {
-    display: grid;
-    gap: var(--kv-space-2);
-    width: 100%;
-    min-width: 0;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-chrome-row"] {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: var(--kv-space-2);
-    min-width: 0;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-chrome-row"]:empty {
-    display: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-chrome-row"][data-row="query"] {
-    flex-wrap: nowrap;
-    align-items: center;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-chrome-row"][data-row="filters"] {
-    flex: 0 1 auto;
-    min-width: 0;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-chrome-row"][data-row="tail"] {
-    flex: 0 1 auto;
-    flex-wrap: nowrap;
-    align-items: center;
-    margin-left: auto;
-    max-width: 100%;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-chrome-row"][data-row="meta"] {
-    flex: 0 0 auto;
-    flex-wrap: nowrap;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-search"] {
-    display: flex;
-    flex: 1 1 16rem;
-    align-items: stretch;
-    min-width: 12rem;
-    max-width: 32rem;
-    border: 1px solid var(--kv-input-border);
-    border-radius: var(--kv-radius-sm);
-    background: var(--kv-input-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-search"]:focus-within {
-    border-color: var(--kv-input-border-focus);
-    box-shadow: var(--kv-input-ring);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-search-label"],
-  :where([data-kv-design-system]) [data-ui="list-sort-label"] {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    overflow: hidden;
-    clip-path: inset(50%);
-    white-space: nowrap;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-search-input"],
-  :where([data-kv-design-system]) [data-ui="list-sort-select"] {
-    width: 100%;
-    min-width: 0;
-    min-height: var(--kv-control-height-compact);
-    border: 1px solid var(--kv-input-border);
-    border-radius: var(--kv-radius-sm);
-    background: var(--kv-input-bg);
-    color: var(--kv-input-text);
-    font: inherit;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-search-input"] {
-    flex: 1 1 auto;
-    width: 100%;
-    min-width: 0;
-    min-height: var(--kv-control-height-compact);
-    padding: 0 var(--kv-space-3);
-    border: 0;
-    background: transparent;
-    color: var(--kv-input-text);
-    font: inherit;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-search-input"]:focus-visible {
-    outline: none;
-    box-shadow: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-search-submit"] {
-    display: inline-flex;
-    align-items: center;
-    padding-right: var(--kv-space-1);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-facets"],
-  :where([data-kv-design-system]) [data-ui="list-view-switch"] {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: var(--kv-space-1);
-    min-width: 0;
-    max-width: 100%;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-facet"],
-  :where([data-kv-design-system]) [data-ui="list-view"] {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--kv-space-1);
-    min-height: var(--kv-control-height-compact);
-    padding: 0 var(--kv-space-3);
-    border: 1px solid var(--kv-border-default);
-    border-radius: var(--kv-radius-sm);
-    background: var(--kv-interactive-bg);
-    color: var(--kv-text-secondary);
-    font-size: var(--kv-text-sm);
-    text-decoration: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-facet"][data-active="true"],
-  :where([data-kv-design-system]) [data-ui="list-view"][data-active="true"] {
-    border-color: var(--kv-color-accent);
-    background: var(--kv-color-accent-soft);
-    color: var(--kv-color-accent);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-facet-count"] {
-    display: inline-grid;
-    min-width: 1.375rem;
-    padding: 0 var(--kv-space-1);
-    border-radius: var(--kv-radius-full);
-    background: var(--kv-interactive-disabled);
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-xs);
-    font-variant-numeric: tabular-nums;
-    line-height: 1.5;
-    text-align: center;
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-sort"] {
-    display: inline-grid;
-    grid-template-columns: minmax(8rem, 12rem) auto;
-    align-items: center;
-    gap: var(--kv-space-2);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-sort-select"] {
-    padding: 0 var(--kv-space-2);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-status"] {
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-sm);
-  }
-
-  :where([data-kv-design-system]) [data-ui="list-actions"] {
-    display: inline-flex;
-    flex-wrap: wrap;
-    justify-content: flex-end;
-    gap: var(--kv-space-2);
-  }
-
-  :where([data-kv-design-system]) [data-ui="bulk-actions"] {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: var(--kv-space-2);
-    min-width: 0;
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-sm);
-  }
-
-  :where([data-kv-design-system]) [data-ui="bulk-actions"]:not([data-has-selection="true"]) {
-    display: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="pager-bar"] {
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: center;
-    gap: var(--kv-space-2);
-    min-width: 0;
-    padding: 0;
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-sm);
-  }
-
-  :where([data-kv-design-system]) [data-ui="bulk-actions"][data-has-selection="true"] {
-    color: var(--kv-text-secondary);
-  }
-
-  :where([data-kv-design-system]) [data-ui="bulk-summary"],
-  :where([data-kv-design-system]) [data-ui="pager-summary"] {
-    display: inline-flex;
-    flex-wrap: nowrap;
-    align-items: center;
-    gap: var(--kv-space-2);
-    min-width: 0;
-    white-space: nowrap;
-  }
-
-  :where([data-kv-design-system]) [data-ui="bulk-action-list"],
-  :where([data-kv-design-system]) [data-ui="pager-actions"],
-  :where([data-kv-design-system]) [data-ui="pager-pages"] {
-    display: inline-flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: var(--kv-space-1);
-  }
-
-  :where([data-kv-design-system]) [data-ui="pager-link"],
-  :where([data-kv-design-system]) [data-ui="pager-page"] {
-    display: inline-grid;
-    place-items: center;
-    min-width: 2rem;
-    height: 2rem;
-    padding: 0 var(--kv-space-2);
-    border: 1px solid var(--kv-border-default);
-    border-radius: var(--kv-radius-sm);
-    background: var(--kv-interactive-bg);
-    color: var(--kv-text-secondary);
-    font-size: var(--kv-text-sm);
-    text-decoration: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="pager-page"][data-active="true"] {
-    border-color: var(--kv-color-accent);
-    background: var(--kv-color-accent-soft);
-    color: var(--kv-color-accent);
-  }
-
-  :where([data-kv-design-system]) [data-ui="pager-link"][data-disabled="true"] {
-    opacity: 0.45;
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-form"] {
-    display: grid;
-    min-width: 0;
-    container-type: inline-size;
-    container-name: record-form;
-    gap: var(--kv-gap-field-group);
-  }
-
-  @media (max-width: 48rem) {
-    :where([data-kv-design-system]) [data-ui="table-scroll"][data-responsive="stack"] {
-      overflow: hidden;
-    }
-
-    :where([data-kv-design-system]) [data-responsive="stack"] > [data-ui="table"] {
-      display: block;
-      min-width: 0;
-    }
-
-    :where([data-kv-design-system]) [data-responsive="stack"] > [data-ui="table"] > thead {
-      display: none;
-    }
-
-    :where([data-kv-design-system]) [data-responsive="stack"] > [data-ui="table"] > tbody {
-      display: block;
-    }
-
-    :where([data-kv-design-system]) [data-responsive="stack"] [data-ui="row"] {
-      display: grid;
-      grid-template-columns: minmax(0, 1fr);
-      height: auto;
-      padding: var(--kv-space-3);
-      border-bottom: 1px solid var(--kv-table-border);
-    }
-
-    :where([data-kv-design-system]) [data-responsive="stack"] [data-ui="row"]:last-child {
-      border-bottom: 0;
-    }
-
-    :where([data-kv-design-system]) [data-responsive="stack"] [data-ui="group-row"],
-    :where([data-kv-design-system]) [data-responsive="stack"] [data-ui="group-pager"] {
-      display: block;
-      height: auto;
-    }
-
-    :where([data-kv-design-system]) [data-responsive="stack"] [data-ui="group-cell"],
-    :where([data-kv-design-system]) [data-responsive="stack"] [data-ui="group-pager"] td {
-      display: block;
-      width: 100%;
-    }
-
-    :where([data-kv-design-system]) [data-responsive="stack"] [data-ui="cell"] {
-      display: flex;
-      flex-wrap: wrap;
-      align-items: center;
-      justify-content: space-between;
-      gap: var(--kv-space-2);
-      width: 100%;
-      min-width: 0;
-      max-width: none;
-      height: auto;
-      padding: var(--kv-space-2) 0;
-      border: 0;
-      white-space: normal;
-    }
-
-    :where([data-kv-design-system]) [data-responsive="stack"] [data-ui="cell"]::before {
-      content: attr(data-label);
-      color: var(--kv-text-muted);
-      font-size: var(--kv-text-sm);
-    }
-
-    :where([data-kv-design-system]) [data-responsive="stack"] [data-ui="cell"]:first-child {
-      display: block;
-      font-weight: var(--kv-weight-semibold);
-    }
-
-    :where([data-kv-design-system]) [data-responsive="stack"] [data-ui="cell"]:first-child::before {
-      display: none;
-    }
-
-    :where([data-kv-design-system]) [data-responsive="stack"] [data-ui="select-cell"] {
-      display: flex;
-      justify-content: flex-start;
-      width: 100%;
-      max-width: none;
-      height: auto;
-      padding: var(--kv-space-2) 0;
-      border: 0;
-    }
-
-    :where([data-kv-design-system]) [data-responsive="stack"] [data-ui="cell"][data-linked="true"] {
-      padding: 0;
-    }
-
-    :where([data-kv-design-system]) [data-responsive="stack"] [data-ui="row-link"] {
-      min-height: auto;
-      padding: var(--kv-space-2) 0;
-    }
-  }
-
-  @media (max-width: 47.9375rem) {
-    :where([data-kv-design-system]) [data-ui="list-chrome-row"][data-row="query"] {
-      flex-wrap: wrap;
-    }
-
-    :where([data-kv-design-system]) [data-ui="list-search"] {
-      flex: 1 1 8rem;
-      width: auto;
-      min-width: 0;
-      max-width: none;
-    }
-
-    :where([data-kv-design-system]) [data-ui="list-chrome-row"][data-row="filters"] {
-      flex: 1 0 100%;
-      width: 100%;
-      min-width: 0;
-      order: 3;
-    }
-
-    :where([data-kv-design-system]) [data-ui="list-chrome-row"][data-row="tail"] {
-      display: contents;
-    }
-
-    :where([data-kv-design-system]) [data-ui="list-chrome-row"][data-row="meta"] {
-      margin-left: auto;
-    }
-
-    :where([data-kv-design-system]) [data-ui="list-actions"],
-    :where([data-kv-design-system]) [data-ui="bulk-action-list"],
-    :where([data-kv-design-system]) [data-ui="pager-actions"],
-    :where([data-kv-design-system]) [data-ui="pager-pages"] {
-      justify-content: flex-start;
-    }
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-errors"] {
-    display: grid;
-    gap: var(--kv-space-1);
-    margin: 0;
-    padding: var(--kv-space-3) var(--kv-space-3) var(--kv-space-3) 2rem;
-    border: 1px solid var(--kv-color-danger);
-    border-radius: var(--kv-radius-sm);
-    background: var(--kv-color-danger-soft);
-    color: var(--kv-color-danger);
-    font-size: var(--kv-text-sm);
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-grid"] {
-    display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    gap: var(--kv-gap-form-row) var(--kv-gap-field-group);
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-grid"] [data-ui="field"][data-span="full"] {
-    grid-column: 1 / -1;
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-actions"] {
-    display: flex;
-    justify-content: flex-end;
-    padding-top: var(--kv-space-4);
-    border-top: 1px solid var(--kv-panel-divider);
-  }
-
-  @media (max-width: 47.9375rem) {
-    :where([data-kv-design-system]) [data-ui="form-grid"] {
-      grid-template-columns: minmax(0, 1fr);
-    }
-
-    :where([data-kv-design-system]) [data-ui="form-grid"] [data-ui="field"] {
-      grid-column: 1;
-    }
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-layer"] {
-    position: fixed;
-    inset: 0;
-    z-index: var(--kv-z-modal);
-    display: grid;
-    min-width: 0;
-    justify-items: end;
-    overflow: hidden;
-  }
-
-  body:has([data-kv-design-system] [data-ui="modal-layer"][data-route-modal="true"]) {
-    overflow: hidden;
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-layer"][data-presentation="dialog"] {
-    place-items: center;
-    padding: var(--kv-space-6);
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-layer"][data-mode="embedded"] {
-    position: relative;
-    min-height: 20rem;
-    inset: auto;
-    padding: var(--kv-space-4);
-    place-items: center;
-    border-radius: var(--kv-radius-md);
-    background:
-      linear-gradient(135deg, color-mix(in srgb, var(--kv-color-accent-soft) 60%, transparent), transparent),
-      var(--kv-color-canvas);
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-backdrop"] {
-    position: absolute;
-    z-index: 0;
-    inset: 0;
-    display: block;
-    background: rgb(12 14 16 / 52%);
-    backdrop-filter: blur(3px);
-    text-decoration: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-backdrop"] > span {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    overflow: hidden;
-    clip-path: inset(50%);
-    white-space: nowrap;
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-layer"][data-mode="embedded"] [data-ui="modal-backdrop"] {
-    background: transparent;
-    backdrop-filter: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-sheet"] {
-    position: relative;
-    z-index: 1;
-    display: grid;
-    width: min(34rem, 100vw);
-    max-width: 100%;
-    height: 100dvh;
-    min-width: 0;
-    grid-template-rows: auto minmax(0, 1fr) auto;
-    border-left: 1px solid var(--kv-color-line-strong);
-    background: var(--kv-color-surface);
-    box-shadow: var(--kv-shadow-popover);
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-sheet"][data-size="large"] {
-    width: min(56rem, 100vw);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="modal-layer"][data-presentation="dialog"]
-    [data-ui="modal-sheet"] {
-    width: min(56rem, 100%);
-    height: auto;
-    max-height: calc(100dvh - var(--kv-space-12));
-    overflow: hidden;
-    border: 1px solid var(--kv-color-line-strong);
-    border-radius: var(--kv-radius-lg);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="modal-layer"][data-presentation="dialog"]
-    [data-ui="modal-sheet"][data-size="large"] {
-    width: min(75rem, 100%);
-    height: min(62.5rem, calc(100dvh - var(--kv-space-12)));
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-layer"][data-mode="embedded"] [data-ui="modal-sheet"] {
-    width: min(34rem, 100%);
-    height: auto;
-    max-height: calc(100dvh - 2rem);
-    overflow: hidden;
-    border: 1px solid var(--kv-color-line-strong);
-    border-radius: var(--kv-radius-lg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-head"] {
-    display: flex;
-    min-width: 0;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--kv-space-4);
-    padding: var(--kv-space-4) var(--kv-space-5);
-    border-bottom: 1px solid var(--kv-color-line);
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-heading"] {
-    display: grid;
-    min-width: 0;
-    gap: var(--kv-space-1);
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-title"] {
-    min-width: 0;
-    margin: 0;
-    overflow: hidden;
-    color: var(--kv-color-ink);
-    font-family: var(--kv-font-display);
-    font-size: var(--kv-text-lg);
-    font-weight: 650;
-    line-height: var(--kv-leading-tight);
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-description"] {
-    margin: 0;
-    color: var(--kv-color-ink-secondary);
-    font-size: var(--kv-text-sm);
-    line-height: var(--kv-leading-normal);
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-close"] {
-    display: grid;
-    flex: none;
-    width: 2rem;
-    height: 2rem;
-    place-items: center;
-    border-radius: 50%;
-    color: var(--kv-color-ink-muted);
-    font-size: 1.4rem;
-    line-height: 1;
-    text-decoration: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-close"]:hover {
-    background: var(--kv-color-surface-hover);
-    color: var(--kv-color-ink);
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-body"] {
-    min-width: 0;
-    overflow: auto;
-    padding: var(--kv-space-5);
-    overscroll-behavior: contain;
-  }
-
-  :where([data-kv-design-system]) [data-ui="modal-actions"] {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-end;
-    gap: var(--kv-space-2);
-    padding: var(--kv-space-4) var(--kv-space-5);
-    border-top: 1px solid var(--kv-color-line);
-    background: var(--kv-color-surface);
-  }
-
-  @media (max-width: 47.9375rem) {
-    :where([data-kv-design-system]) [data-ui="modal-layer"],
-    :where([data-kv-design-system]) [data-ui="modal-layer"][data-presentation="dialog"] {
-      padding: 0;
-      place-items: stretch;
-      justify-items: stretch;
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="modal-layer"]:not([data-mode="embedded"])
-      [data-ui="modal-sheet"],
-    :where([data-kv-design-system])
-      [data-ui="modal-layer"]:not([data-mode="embedded"])
-      [data-ui="modal-sheet"][data-size],
-    :where([data-kv-design-system])
-      [data-ui="modal-layer"][data-presentation="dialog"]:not([data-mode="embedded"])
-      [data-ui="modal-sheet"][data-size] {
-      width: 100%;
-      height: 100dvh;
-      max-height: 100dvh;
-      border: 0;
-      border-radius: 0;
-      box-shadow: none;
-    }
-
-    :where([data-kv-design-system]) [data-ui="modal-head"] {
-      padding: var(--kv-space-4);
-    }
-
-    :where([data-kv-design-system]) [data-ui="modal-title"] {
-      white-space: normal;
-    }
-
-    :where([data-kv-design-system]) [data-ui="modal-body"] {
-      padding: var(--kv-space-4);
-    }
-
-    :where([data-kv-design-system]) [data-ui="modal-actions"] {
-      justify-content: stretch;
-      padding: var(--kv-space-3) var(--kv-space-4) max(var(--kv-space-4), env(safe-area-inset-bottom));
-    }
-
-    :where([data-kv-design-system]) [data-ui="modal-actions"] > [data-ui="action"] {
-      flex: 1 1 auto;
-    }
-  }
-
-  @media (max-width: 42rem) {
-    :where([data-kv-design-system]) [data-ui="list-page"] {
-      gap: var(--kv-space-3);
-      padding: var(--kv-space-4) var(--kv-space-4) var(--kv-space-8);
-    }
-
-    :where([data-kv-design-system]) [data-ui="list-page-header"] {
-      padding-bottom: var(--kv-space-1);
-    }
-
-    :where([data-kv-design-system]) [data-ui="list-page-actions"] {
-      justify-content: flex-start;
-    }
-
-    :where([data-kv-design-system]) [data-ui="list-page-toolbar"] {
-      gap: var(--kv-space-2);
-      padding: var(--kv-space-2);
-    }
-
-    :where([data-kv-design-system]) [data-ui="list-page-controls"] {
-      min-width: 0;
-      flex-basis: 15rem;
-    }
-
-    :where([data-kv-design-system]) [data-ui="list-page"][data-variant="operational"] {
-      padding: 0 0 var(--kv-space-8);
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      [data-ui="list-page-context"] {
-      min-height: 2.75rem;
-      padding-inline: var(--kv-space-4);
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      [data-ui="list-page-header"] {
-      padding: var(--kv-space-4) var(--kv-space-4) var(--kv-space-3);
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      [data-ui="list-page-heading"] {
-      display: flex;
-      flex-direction: column;
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      [data-ui="list-page-title-row"] {
-      display: contents;
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      [data-ui="list-page-title"] {
-      order: 1;
-      font-size: var(--kv-text-lg);
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      [data-ui="list-page-description"] {
-      order: 2;
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      [data-ui="list-page-actions"],
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      [data-ui="list-page-actions"]
-      > [data-ui="inline"] {
-      width: 100%;
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      [data-ui="list-page-actions"] {
-      order: 3;
-      margin-top: var(--kv-space-2);
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      [data-ui="list-page-actions"]
-      [data-ui="action"][data-variant="primary"] {
-      min-height: 2.75rem;
-      flex: 1 1 auto;
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      [data-ui="list-page-toolbar"] {
-      padding: var(--kv-space-3) var(--kv-space-4);
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      :is([data-ui="list-page-body"], [data-ui="list-page-footer"]) {
-      margin-inline: var(--kv-space-4);
-      padding-inline: 0;
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      [data-ui="list-page-footer"] {
-      padding: var(--kv-space-2-5) var(--kv-space-3);
-    }
-
-    :where([data-kv-design-system]) [data-ui="list-page"][data-variant="operational"] [data-ui="table"] {
-      min-width: 0;
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      [data-ui="table-scroll"]:not([data-responsive="stack"])
-      [data-ui="table"]
-      :is(th, td):is([data-priority="secondary"], [data-priority="tertiary"]) {
-      display: none;
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      [data-ui="table-scroll"]:not([data-responsive="stack"])
-      [data-ui="table"]
-      :is(th, td)[data-priority="primary"][data-align="end"] {
-      width: 7rem;
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="list-page"][data-variant="operational"]
-      [data-ui="table"]
-      :is([data-ui="col"], [data-ui="cell"]) {
-      padding-inline: var(--kv-space-2);
-    }
-  }
-
-  /* A process read left to right. The rail is drawn as two half-lines per step
-     rather than one line behind the row, so it starts at the first node and stops
-     at the last instead of running off both ends of the grid. */
-  :where([data-kv-design-system]) [data-ui="pipeline"] {
-    display: grid;
-    margin: 0;
-    padding: 0;
-    grid-auto-columns: 1fr;
-    grid-auto-flow: column;
-    list-style: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="pipeline-step"] {
-    position: relative;
-    display: grid;
-    padding-bottom: var(--kv-space-5);
-    justify-items: center;
-    gap: var(--kv-space-1);
-    text-align: center;
-  }
-
-  :where([data-kv-design-system]) [data-ui="pipeline-step"]::before,
-  :where([data-kv-design-system]) [data-ui="pipeline-step"]::after {
-    position: absolute;
-    bottom: 0.3125rem;
-    height: 1px;
-    background: var(--kv-color-line-strong);
-    content: "";
-  }
-
-  :where([data-kv-design-system]) [data-ui="pipeline-step"]::before {
-    left: 0;
-    right: 50%;
-  }
-
-  :where([data-kv-design-system]) [data-ui="pipeline-step"]::after {
-    left: 50%;
-    right: 0;
-  }
-
-  :where([data-kv-design-system]) [data-ui="pipeline-step"]:first-child::before,
-  :where([data-kv-design-system]) [data-ui="pipeline-step"]:last-child::after {
-    display: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="pipeline-step-node"] {
-    position: absolute;
-    bottom: 0;
-    left: 50%;
-    width: 0.625rem;
-    height: 0.625rem;
-    border-radius: 50%;
-    background: var(--kv-text-muted);
-    translate: -50% 0;
-  }
-
-  :where([data-kv-design-system]) [data-ui="pipeline-step"][data-tone="info"] [data-ui="pipeline-step-node"] {
-    background: var(--kv-color-info);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="pipeline-step"][data-tone="positive"]
-    [data-ui="pipeline-step-node"] {
-    background: var(--kv-color-positive);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="pipeline-step"][data-tone="warning"]
-    [data-ui="pipeline-step-node"] {
-    background: var(--kv-color-warning);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="pipeline-step"][data-tone="danger"]
-    [data-ui="pipeline-step-node"] {
-    background: var(--kv-color-danger);
-  }
-
-  /* Two borders rotated into a chevron, sat on the column boundary. Drawn rather
-     than written, because the order is already in the markup and an arrow
-     character here would be read out between every pair of stages. */
-  :where([data-kv-design-system]) [data-ui="pipeline-arrow"] {
-    position: absolute;
-    top: 0.25rem;
-    left: 0;
-    width: 0.375rem;
-    height: 0.375rem;
-    border-top: 1.5px solid var(--kv-text-muted);
-    border-right: 1.5px solid var(--kv-text-muted);
-    rotate: 45deg;
-    translate: -50% 0;
-  }
-
-  :where([data-kv-design-system]) [data-ui="pipeline-step"]:first-child [data-ui="pipeline-arrow"] {
-    display: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="pipeline-step-label"] {
-    color: var(--kv-text-secondary);
-    font-size: var(--kv-text-sm);
-    text-decoration: none;
-  }
-
-  :where([data-kv-design-system]) a[data-ui="pipeline-step-label"]:hover {
-    color: var(--kv-text-main);
-    text-decoration: underline;
-  }
-
-  :where([data-kv-design-system]) [data-ui="pipeline-step-value"] {
-    color: var(--kv-text-main);
-    font-size: var(--kv-text-2xl);
-    font-weight: var(--kv-weight-bold);
-    font-variant-numeric: tabular-nums;
-    letter-spacing: 0;
-  }
-
-  /* Too narrow for four columns, so the rail turns and runs down the left. The
-     stages keep their order and their counts; only the axis changes. */
-  @media (max-width: 42rem) {
-    :where([data-kv-design-system]) [data-ui="pipeline"] {
-      grid-auto-columns: auto;
-      grid-auto-flow: row;
-    }
-
-    :where([data-kv-design-system]) [data-ui="pipeline-step"] {
-      padding-bottom: var(--kv-space-3);
-      padding-left: var(--kv-space-6);
-      grid-template-columns: 1fr auto;
-      align-items: center;
-      justify-items: start;
-      text-align: left;
-    }
-
-    :where([data-kv-design-system]) [data-ui="pipeline-step"]::before,
-    :where([data-kv-design-system]) [data-ui="pipeline-step"]::after {
-      left: 0.3125rem;
-      right: auto;
-      width: 1px;
-      height: 50%;
-    }
-
-    :where([data-kv-design-system]) [data-ui="pipeline-step"]::before {
-      top: 0;
-      bottom: auto;
-    }
-
-    :where([data-kv-design-system]) [data-ui="pipeline-step"]::after {
-      top: 50%;
-      bottom: auto;
-    }
-
-    :where([data-kv-design-system]) [data-ui="pipeline-step-node"] {
-      top: 50%;
-      bottom: auto;
-      left: 0.3125rem;
-      translate: -50% -50%;
-    }
-
-    :where([data-kv-design-system]) [data-ui="pipeline-arrow"] {
-      display: none;
-    }
-
-    :where([data-kv-design-system]) [data-ui="pipeline-step-value"] {
-      font-size: var(--kv-text-lg);
-    }
-  }
-}
-
-@layer ket.app {
-  /* Boards spend their space on the operational surface. Context, identity and
-     global controls stay in compact horizontal bands; the specialised board
-     owns its internal columns, timeline and scrolling behavior. */
-  :where([data-kv-design-system]) [data-ui="board-page"] {
-    display: grid;
-    min-width: 0;
-    background: var(--kv-page-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="board-page"][data-variant="operational"] {
-    gap: 0;
-    padding: 0;
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="board-page"][data-variant="operational"]
-    [data-ui="board-page-context"] {
-    display: flex;
-    min-width: 0;
-    min-height: var(--kv-table-header-height);
-    align-items: center;
-    padding-inline: var(--kv-page-padding-x);
-    border-bottom: 1px solid var(--kv-panel-divider);
-    background: var(--kv-page-chrome-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="board-page-header"] {
-    display: grid;
-    min-width: 0;
-    padding: var(--kv-space-4) var(--kv-page-padding-x);
-    border-bottom: 1px solid var(--kv-panel-divider);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="board-page"][data-variant="operational"]
-    [data-ui="board-page-header"] {
-    background: var(--kv-page-chrome-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="board-page-heading"] {
-    display: grid;
-    min-width: 0;
-    gap: var(--kv-space-1);
-  }
-
-  :where([data-kv-design-system]) [data-ui="board-page-eyebrow"] {
-    margin: 0;
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-2xs);
-    font-weight: var(--kv-weight-semibold);
-    letter-spacing: 0;
-    line-height: var(--kv-leading-normal);
-    text-transform: uppercase;
-  }
-
-  :where([data-kv-design-system]) [data-ui="board-page-title-row"] {
-    display: grid;
-    min-width: 0;
-    grid-template-columns: minmax(0, 1fr) auto;
-    align-items: center;
-    gap: var(--kv-space-4);
-  }
-
-  :where([data-kv-design-system]) [data-ui="board-page-title"] {
-    margin: 0;
-    overflow-wrap: anywhere;
-    color: var(--kv-text-main);
-    font-size: var(--kv-page-title-size);
-    font-weight: var(--kv-weight-semibold);
-    letter-spacing: 0;
-    line-height: var(--kv-leading-tight);
-  }
-
-  :where([data-kv-design-system]) [data-ui="board-page-description"] {
-    max-width: 56rem;
-    margin: 0;
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-sm);
-    line-height: var(--kv-leading-normal);
-  }
-
-  :where([data-kv-design-system]) [data-ui="board-page-subline"] {
-    display: flex;
-    min-width: 0;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: var(--kv-space-2);
-  }
-
-  :where([data-kv-design-system]) [data-ui="board-page-status"],
-  :where([data-kv-design-system]) [data-ui="board-page-meta"] {
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-xs);
-    font-variant-numeric: tabular-nums;
-  }
-
-  :where([data-kv-design-system]) [data-ui="board-page-actions"] {
-    display: flex;
-    min-width: 0;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: flex-end;
-    gap: var(--kv-space-2);
-  }
-
-  :where([data-kv-design-system]) [data-ui="board-page-toolbar"] {
-    display: flex;
-    min-width: 0;
-    align-items: center;
-    padding: var(--kv-space-3) var(--kv-page-padding-x) var(--kv-space-2-5);
-    border-bottom: 1px solid var(--kv-panel-divider);
-    background: var(--kv-page-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="board-page-controls"] {
-    min-width: 0;
-    flex: 1 1 auto;
-  }
-
-  :where([data-kv-design-system]) [data-ui="board-page-body"] {
-    display: grid;
-    min-width: 0;
-    overflow-x: auto;
-    gap: var(--kv-space-4);
-    padding: var(--kv-space-4) var(--kv-page-padding-x) var(--kv-space-8);
-  }
-
-  :where([data-kv-design-system]) [data-ui="board-page-body"] > [data-ui="stack"] {
-    gap: var(--kv-space-4);
-  }
-
-  @media (max-width: 42rem) {
-    :where([data-kv-design-system])
-      [data-ui="board-page"][data-variant="operational"]
-      [data-ui="board-page-context"] {
-      min-height: 2.75rem;
-      padding-inline: var(--kv-space-4);
-    }
-
-    :where([data-kv-design-system]) [data-ui="board-page-header"] {
-      padding: var(--kv-space-4) var(--kv-space-4) var(--kv-space-3);
-    }
-
-    :where([data-kv-design-system]) [data-ui="board-page-title-row"] {
-      grid-template-columns: minmax(0, 1fr);
-      align-items: stretch;
-      gap: var(--kv-space-3);
-    }
-
-    :where([data-kv-design-system]) [data-ui="board-page-title"] {
-      font-size: var(--kv-text-lg);
-    }
-
-    :where([data-kv-design-system]) [data-ui="board-page-actions"] {
-      justify-content: flex-start;
-    }
-
-    :where([data-kv-design-system]) [data-ui="board-page-toolbar"],
-    :where([data-kv-design-system]) [data-ui="board-page-body"] {
-      padding-inline: var(--kv-space-4);
-    }
-  }
-}
-
-@layer ket.app {
-  /* Dashboards are working canvases, not records. Their context and identity use
-     the same quiet bands as lists and forms; KPI, workflow and analytical blocks
-     own their surfaces on the grey page canvas below. Never paint the whole
-     workspace white: the gaps must separate independent cards and tables. */
-  :where([data-kv-design-system]) [data-ui="dashboard-page"] {
-    display: grid;
-    min-width: 0;
-    background: var(--kv-page-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="dashboard-page"][data-variant="operational"] {
-    gap: 0;
-    padding: 0 0 var(--kv-space-10);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="dashboard-page"][data-variant="operational"]
-    [data-ui="dashboard-page-context"] {
-    display: flex;
-    min-width: 0;
-    min-height: var(--kv-table-header-height);
-    align-items: center;
-    padding-inline: var(--kv-page-padding-x);
-    border-bottom: 1px solid var(--kv-panel-divider);
-    background: var(--kv-page-chrome-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="dashboard-page-header"] {
-    display: grid;
-    min-width: 0;
-    padding: var(--kv-space-4) var(--kv-page-padding-x);
-    border-bottom: 1px solid var(--kv-panel-divider);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="dashboard-page"][data-variant="operational"]
-    [data-ui="dashboard-page-header"] {
-    background: var(--kv-page-chrome-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="dashboard-page-heading"] {
-    display: grid;
-    min-width: 0;
-    gap: var(--kv-space-1);
-  }
-
-  :where([data-kv-design-system]) [data-ui="dashboard-page-eyebrow"] {
-    margin: 0;
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-2xs);
-    font-weight: var(--kv-weight-semibold);
-    letter-spacing: 0;
-    line-height: var(--kv-leading-normal);
-    text-transform: uppercase;
-  }
-
-  :where([data-kv-design-system]) [data-ui="dashboard-page-title-row"] {
-    display: grid;
-    min-width: 0;
-    grid-template-columns: minmax(0, 1fr) auto;
-    align-items: center;
-    gap: var(--kv-space-4);
-  }
-
-  :where([data-kv-design-system]) [data-ui="dashboard-page-title"] {
-    margin: 0;
-    overflow-wrap: anywhere;
-    color: var(--kv-text-main);
-    font-size: var(--kv-page-title-size);
-    font-weight: var(--kv-weight-semibold);
-    letter-spacing: 0;
-    line-height: var(--kv-leading-tight);
-  }
-
-  :where([data-kv-design-system]) [data-ui="dashboard-page-description"] {
-    max-width: 56rem;
-    margin: 0;
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-sm);
-    line-height: var(--kv-leading-normal);
-  }
-
-  :where([data-kv-design-system]) [data-ui="dashboard-page-subline"] {
-    display: flex;
-    min-width: 0;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: var(--kv-space-2);
-  }
-
-  :where([data-kv-design-system]) [data-ui="dashboard-page-status"],
-  :where([data-kv-design-system]) [data-ui="dashboard-page-meta"] {
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-xs);
-    font-variant-numeric: tabular-nums;
-  }
-
-  :where([data-kv-design-system]) [data-ui="dashboard-page-actions"] {
-    display: flex;
-    min-width: 0;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: flex-end;
-    gap: var(--kv-space-2);
-  }
-
-  :where([data-kv-design-system]) [data-ui="dashboard-page-body"] {
-    display: grid;
-    min-width: 0;
-    gap: var(--kv-space-6);
-    padding: var(--kv-space-5) var(--kv-page-padding-x) var(--kv-space-10);
-    background: var(--kv-page-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="dashboard-page-toolbar"] {
-    background: var(--kv-page-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="dashboard-page-body"] > [data-ui="stack"] {
-    gap: var(--kv-space-6);
-  }
-
-  @media (max-width: 42rem) {
-    :where([data-kv-design-system]) [data-ui="dashboard-page"][data-variant="operational"] {
-      padding-bottom: var(--kv-space-8);
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="dashboard-page"][data-variant="operational"]
-      [data-ui="dashboard-page-context"] {
-      min-height: 2.75rem;
-      padding-inline: var(--kv-space-4);
-    }
-
-    :where([data-kv-design-system]) [data-ui="dashboard-page-header"] {
-      padding: var(--kv-space-4) var(--kv-space-4) var(--kv-space-3);
-    }
-
-    :where([data-kv-design-system]) [data-ui="dashboard-page-title-row"] {
-      grid-template-columns: minmax(0, 1fr);
-      align-items: stretch;
-      gap: var(--kv-space-3);
-    }
-
-    :where([data-kv-design-system]) [data-ui="dashboard-page-title"] {
-      font-size: var(--kv-text-lg);
-    }
-
-    :where([data-kv-design-system]) [data-ui="dashboard-page-actions"] {
-      justify-content: flex-start;
-    }
-
-    :where([data-kv-design-system]) [data-ui="dashboard-page-actions"] > [data-ui="inline"] {
-      width: 100%;
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="dashboard-page-actions"]
-      [data-ui="action"][data-variant="primary"] {
-      min-height: 2.75rem;
-      flex: 1 1 auto;
-    }
-
-    :where([data-kv-design-system]) [data-ui="dashboard-page-body"] {
-      padding: var(--kv-space-4) var(--kv-space-4) var(--kv-space-8);
-    }
-  }
-}
-
-@layer ket.app {
-  /* Operational forms read like one working sheet: identity and the primary
-     decision stay together, sections use rhythm instead of card nesting, and
-     durable context occupies a quiet rail when there is room. */
-  :where([data-kv-design-system]) [data-ui="form-page"] {
-    display: grid;
-    min-width: 0;
-    background: var(--kv-page-content-bg);
-  }
-
-  /* Operational forms share the same quiet location band as collections. The
-     form title remains compact: business fields, not chrome, own the viewport. */
-  :where([data-kv-design-system]) [data-ui="form-page"][data-variant="operational"] {
-    gap: 0;
-    padding: 0 0 var(--kv-space-10);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="form-page"][data-variant="operational"]
-    [data-ui="form-page-context"] {
-    display: flex;
-    min-width: 0;
-    min-height: var(--kv-table-header-height);
-    align-items: center;
-    padding-inline: var(--kv-page-padding-x);
-    border-bottom: 1px solid var(--kv-panel-divider);
-    background: var(--kv-page-chrome-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-header"] {
-    display: grid;
-    min-width: 0;
-    gap: var(--kv-space-2);
-    padding: var(--kv-space-4) var(--kv-page-padding-x);
-    border-bottom: 1px solid var(--kv-panel-divider);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="form-page"][data-variant="operational"]
-    [data-ui="form-page-header"] {
-    background: var(--kv-page-chrome-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-title-row"] {
-    display: grid;
-    min-width: 0;
-    grid-template-columns: minmax(0, 1fr) auto;
-    align-items: center;
-    gap: var(--kv-space-4);
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-heading"] {
-    display: grid;
-    min-width: 0;
-    gap: var(--kv-space-1);
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-title"] {
-    margin: 0;
-    overflow-wrap: anywhere;
-    color: var(--kv-text-main);
-    font-size: var(--kv-page-title-size);
-    font-weight: var(--kv-weight-semibold);
-    letter-spacing: 0;
-    line-height: var(--kv-leading-tight);
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-status"] {
-    display: inline-flex;
-    flex: 0 0 auto;
-    align-items: center;
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-subline"] {
-    display: flex;
-    min-width: 0;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: var(--kv-space-2);
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-description"] {
-    max-width: 48rem;
-    margin: 0;
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-sm);
-    line-height: var(--kv-leading-normal);
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-actions"] {
-    display: flex;
-    min-width: 0;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: flex-end;
-    gap: var(--kv-space-2);
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-meta"] {
-    min-width: 0;
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-controller"] {
-    min-width: 0;
-    padding-inline: var(--kv-page-padding-x);
-    background: var(--kv-page-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-controller"]:empty {
-    display: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-navigation"] {
-    min-width: 0;
-    padding-inline: var(--kv-page-padding-x);
-    border-bottom: 1px solid var(--kv-panel-divider);
-    background: var(--kv-page-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-layout"] {
-    display: grid;
-    min-width: 0;
-    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
-    align-items: start;
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page"][data-has-aside="false"] [data-ui="form-page-layout"] {
-    grid-template-columns: minmax(0, 56rem);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="form-page"][data-has-aside="false"][data-width="wide"]
-    [data-ui="form-page-layout"] {
-    grid-template-columns: minmax(0, calc(68.75rem + var(--kv-page-padding-x) * 2));
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-body"] {
-    display: grid;
-    min-width: 0;
-    gap: var(--kv-space-6);
-    padding: var(--kv-space-5) var(--kv-page-padding-x) var(--kv-space-10);
-    background: var(--kv-page-content-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-body"] > [data-ui="stack"] {
-    gap: var(--kv-space-6);
-  }
-
-  :where([data-kv-design-system]) [data-ui="form-page-aside"] {
-    position: sticky;
-    top: 0;
-    display: grid;
-    min-width: 0;
-    max-height: 100dvh;
-    align-content: start;
-    padding: var(--kv-space-5) var(--kv-page-padding-x) var(--kv-space-10) var(--kv-space-5);
-    overflow-y: auto;
-    border-left: 1px solid var(--kv-panel-divider);
-    background: var(--kv-panel-bg-subtle);
-  }
-
-  /* Record forms use the compact ERP label/value rhythm while there is enough
-     room. Below 768 px the form becomes conventional vertical fields so labels
-     and controls never compete for the same narrow row. */
-
-  @media (max-width: 63.9375rem) {
-    :where([data-kv-design-system]) [data-ui="form-page-layout"] {
-      grid-template-columns: minmax(0, 1fr);
-      row-gap: var(--kv-space-5);
-    }
-
-    :where([data-kv-design-system]) [data-ui="form-page-aside"] {
-      position: static;
-      max-height: none;
-      padding-top: var(--kv-space-5);
-      overflow: visible;
-      border-top: 1px solid var(--kv-panel-divider);
-      border-left: 0;
-    }
-  }
-
-  @media (max-width: 42rem) {
-    :where([data-kv-design-system]) [data-ui="form-page"][data-variant="operational"] {
-      padding-bottom: var(--kv-space-8);
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="form-page"][data-variant="operational"]
-      [data-ui="form-page-context"] {
-      min-height: 2.75rem;
-      padding-inline: var(--kv-space-4);
-    }
-
-    :where([data-kv-design-system]) [data-ui="form-page-header"] {
-      padding: var(--kv-space-4) var(--kv-space-4) var(--kv-space-3);
-    }
-
-    :where([data-kv-design-system]) [data-ui="form-page-title-row"] {
-      grid-template-columns: minmax(0, 1fr);
-      align-items: stretch;
-      gap: var(--kv-space-3);
-    }
-
-    :where([data-kv-design-system]) [data-ui="form-page-title"] {
-      font-size: var(--kv-text-lg);
-    }
-
-    :where([data-kv-design-system]) [data-ui="form-page-actions"] {
-      justify-content: flex-start;
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="form-page-actions"]
-      > :is([data-ui="action-group"], [data-ui="form-cluster"]) {
-      width: 100%;
-    }
-
-    :where([data-kv-design-system]) [data-ui="form-page-meta"] {
-      padding-left: 0;
-    }
-
-    :where([data-kv-design-system]) [data-ui="form-page-navigation"] {
-      padding-inline: var(--kv-space-4);
-    }
-
-    :where([data-kv-design-system]) [data-ui="form-page-body"],
-    :where([data-kv-design-system]) [data-ui="form-page-aside"],
-    :where([data-kv-design-system]) [data-ui="form-page-controller"] {
-      padding-inline: var(--kv-space-4);
-    }
-  }
-
-  @container record-form (max-width: 42rem) {
-    :where([data-kv-design-system]) [data-ui="form-grid"] {
-      grid-template-columns: minmax(0, 1fr);
-    }
-  }
-
-  /* RecordPage is the canonical public record surface. FormPage keeps this same
-     rhythm as a compatibility adapter, but the hooks must remain distinct so
-     application audits can tell new record screens from legacy form screens. */
-  :where([data-kv-design-system]) [data-ui="record-page"] {
-    display: grid;
-    min-width: 0;
-    background: var(--kv-page-content-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page"][data-variant="operational"] {
-    gap: 0;
-    padding: 0 0 var(--kv-space-10);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="record-page"][data-variant="operational"]
-    [data-ui="record-page-context"] {
-    display: flex;
-    min-width: 0;
-    min-height: var(--kv-table-header-height);
-    align-items: center;
-    padding-inline: var(--kv-page-padding-x);
-    border-bottom: 1px solid var(--kv-panel-divider);
-    background: var(--kv-page-chrome-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-header"] {
-    display: grid;
-    min-width: 0;
-    gap: var(--kv-space-2);
-    padding: var(--kv-space-4) var(--kv-page-padding-x);
-    border-bottom: 1px solid var(--kv-panel-divider);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="record-page"][data-variant="operational"]
-    [data-ui="record-page-header"] {
-    background: var(--kv-page-chrome-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-title-row"] {
-    display: grid;
-    min-width: 0;
-    grid-template-columns: minmax(0, 1fr) auto;
-    align-items: center;
-    gap: var(--kv-space-4);
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-heading"] {
-    display: grid;
-    min-width: 0;
-    gap: var(--kv-space-1);
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-title"] {
-    margin: 0;
-    overflow-wrap: anywhere;
-    color: var(--kv-text-main);
-    font-size: var(--kv-page-title-size);
-    font-weight: var(--kv-weight-semibold);
-    letter-spacing: 0;
-    line-height: var(--kv-leading-tight);
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-status"] {
-    display: inline-flex;
-    flex: 0 0 auto;
-    align-items: center;
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-subline"] {
-    display: flex;
-    min-width: 0;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: var(--kv-space-2);
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-description"] {
-    max-width: 48rem;
-    margin: 0;
-    color: var(--kv-text-muted);
-    font-size: var(--kv-text-sm);
-    line-height: var(--kv-leading-normal);
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-actions"] {
-    display: flex;
-    min-width: 0;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: flex-end;
-    gap: var(--kv-space-2);
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-meta"] {
-    min-width: 0;
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-controller"] {
-    min-width: 0;
-    padding-inline: var(--kv-page-padding-x);
-    background: var(--kv-page-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-controller"]:empty {
-    display: none;
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-navigation"] {
-    min-width: 0;
-    padding-inline: var(--kv-page-padding-x);
-    border-bottom: 1px solid var(--kv-panel-divider);
-    background: var(--kv-page-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-layout"] {
-    display: grid;
-    min-width: 0;
-    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
-    align-items: start;
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="record-page"][data-has-aside="false"]
-    [data-ui="record-page-layout"] {
-    grid-template-columns: minmax(0, 56rem);
-  }
-
-  :where([data-kv-design-system])
-    [data-ui="record-page"][data-has-aside="false"][data-width="wide"]
-    [data-ui="record-page-layout"] {
-    grid-template-columns: minmax(0, calc(68.75rem + var(--kv-page-padding-x) * 2));
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-body"] {
-    display: grid;
-    min-width: 0;
-    gap: var(--kv-space-6);
-    padding: var(--kv-space-5) var(--kv-page-padding-x) var(--kv-space-10);
-    background: var(--kv-page-content-bg);
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-body"] > [data-ui="stack"] {
-    gap: var(--kv-space-6);
-  }
-
-  :where([data-kv-design-system]) [data-ui="record-page-aside"] {
-    position: sticky;
-    top: 0;
-    display: grid;
-    min-width: 0;
-    max-height: 100dvh;
-    align-content: start;
-    padding: var(--kv-space-5) var(--kv-page-padding-x) var(--kv-space-10) var(--kv-space-5);
-    overflow-y: auto;
-    border-left: 1px solid var(--kv-panel-divider);
-    background: var(--kv-panel-bg-subtle);
-  }
-
-  @media (max-width: 63.9375rem) {
-    :where([data-kv-design-system]) [data-ui="record-page-layout"] {
-      grid-template-columns: minmax(0, 1fr);
-      row-gap: var(--kv-space-5);
-    }
-
-    :where([data-kv-design-system]) [data-ui="record-page-aside"] {
-      position: static;
-      max-height: none;
-      padding-top: var(--kv-space-5);
-      overflow: visible;
-      border-top: 1px solid var(--kv-panel-divider);
-      border-left: 0;
-    }
-  }
-
-  @media (max-width: 42rem) {
-    :where([data-kv-design-system]) [data-ui="record-page"][data-variant="operational"] {
-      padding-bottom: var(--kv-space-8);
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="record-page"][data-variant="operational"]
-      [data-ui="record-page-context"] {
-      min-height: 2.75rem;
-      padding-inline: var(--kv-space-4);
-    }
-
-    :where([data-kv-design-system]) [data-ui="record-page-header"] {
-      padding: var(--kv-space-4) var(--kv-space-4) var(--kv-space-3);
-    }
-
-    :where([data-kv-design-system]) [data-ui="record-page-title-row"] {
-      grid-template-columns: minmax(0, 1fr);
-      align-items: stretch;
-      gap: var(--kv-space-3);
-    }
-
-    :where([data-kv-design-system]) [data-ui="record-page-title"] {
-      font-size: var(--kv-text-lg);
-    }
-
-    :where([data-kv-design-system]) [data-ui="record-page-actions"] {
-      justify-content: flex-start;
-    }
-
-    :where([data-kv-design-system])
-      [data-ui="record-page-actions"]
-      > :is([data-ui="action-group"], [data-ui="form-cluster"]) {
-      width: 100%;
-    }
-
-    :where([data-kv-design-system]) [data-ui="record-page-meta"] {
-      padding-left: 0;
-    }
-
-    :where([data-kv-design-system]) [data-ui="record-page-navigation"] {
-      padding-inline: var(--kv-space-4);
-    }
-
-    :where([data-kv-design-system]) [data-ui="record-page-body"],
-    :where([data-kv-design-system]) [data-ui="record-page-aside"],
-    :where([data-kv-design-system]) [data-ui="record-page-controller"] {
-      padding-inline: var(--kv-space-4);
-    }
-  }
-
-  :where([data-kv-design-system])
-    [data-pattern="workspace"][data-layout="canvas"]
-    > [data-ui="board-page-body"]
-    > [data-ui="grid"] {
-    grid-template-columns: repeat(var(--kv-grid-columns, 3), minmax(16rem, 1fr));
-    align-items: start;
-  }
-}
+@import "./list-page/styles.css";
+@import "./data-table/styles.css";
+@import "./list-chrome/styles.css";
+@import "./record-form/styles.css";
+@import "./modal-sheet/styles.css";
+@import "./list-page/responsive.css";
+@import "./pipeline/styles.css";
+@import "./board-page/styles.css";
+@import "./dashboard-page/styles.css";
+@import "./form-page/styles.css";
+@import "./record-page/styles.css";
+@import "./workspace-page/styles.css";