.ds-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.ds-data { font: var(--type-data); }
.ds-muted { color: var(--color-text-muted); }
.ds-help, .ds-disabled-reason { color: var(--color-text-secondary); font: var(--type-caption); }
.ds-field-error, .ds-tone--critical { color: var(--color-status-critical); }
.ds-tone--warning { color: var(--color-status-warning); }
.ds-tone--positive { color: var(--color-status-positive); }
.ds-tone--info { color: var(--color-status-info); }

.ds-button, .ds-text-action, .ds-heading-action {
  min-height: var(--size-touch-min);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: var(--color-accent-base);
  color: var(--color-text-on-accent);
  font: var(--type-label);
  padding: var(--space-2) var(--space-4);
  cursor: pointer;
  text-decoration: none;
}
.ds-button:hover { background: var(--color-accent-hover); color: var(--color-text-on-accent); }
.ds-button--secondary {
  border-color: var(--color-border-strong);
  background: var(--color-surface-raised);
  color: var(--color-text-primary);
}
.ds-button--secondary:hover { background: var(--color-surface-sunken); color: var(--color-text-primary); }
.ds-button--destructive { border-color: var(--color-status-critical); color: var(--color-status-critical); background: var(--color-surface-raised); }
.ds-button:disabled { cursor: not-allowed; opacity: 0.62; }
.ds-text-action, .ds-heading-action { min-height: var(--size-touch-min); border: 0; background: transparent; color: var(--color-link-base); padding: var(--space-2) 0; }
.ds-heading-action { color: var(--color-text-primary); font: var(--type-heading); text-align: start; }
.ds-action-with-reason { display: inline-flex; flex-direction: column; gap: var(--space-1); }

.ds-shell { min-height: 100dvh; background: var(--color-surface-page); }
.ds-shell__app-state { position: sticky; inset-block-start: 0; z-index: 10; }
.ds-shell--workspace { display: grid; grid-template-columns: var(--size-rail-expanded) minmax(0, 1fr); }
.ds-shell__rail { background: var(--color-surface-sunken); border-inline-end: 1px solid var(--color-border-default); }
.ds-shell__workspace-body { min-width: 0; }
.ds-shell__header, .ds-shell__toolbar { background: var(--color-surface-raised); border-block-end: 1px solid var(--color-border-subtle); padding: var(--space-4) var(--space-6); }
.ds-shell__workspace-content { display: grid; grid-template-columns: minmax(0, 1fr); max-width: var(--size-content-max); margin: 0 auto; }
.ds-shell__workspace-content[data-has-filters="true"] { grid-template-columns: var(--size-filters-width) minmax(0, 1fr); }
.ds-shell__workspace-content[data-has-aside="true"] { grid-template-columns: minmax(0, 1fr) minmax(0, var(--size-filters-width)); }
.ds-shell__workspace-content[data-has-filters="true"][data-has-aside="true"] { grid-template-columns: var(--size-filters-width) minmax(0, 1fr) minmax(0, var(--size-filters-width)); }
.ds-shell__filters, .ds-shell__aside { padding: var(--space-6); }
.ds-shell__filters { border-inline-end: 1px solid var(--color-border-subtle); }
.ds-shell__filters-toggle, .ds-shell__filters-close { display: none; }
.ds-shell__aside { border-inline-start: 1px solid var(--color-border-subtle); }
.ds-shell__primary { min-width: 0; padding: var(--space-6); }
.ds-shell__footer-bar, .ds-focus__submit { position: sticky; inset-block-end: 0; background: var(--color-surface-raised); border-block-start: 1px solid var(--color-border-default); padding: var(--space-3) var(--space-6); }

.ds-public__nav, .ds-public__hero, .ds-public__bands, .ds-public__closing, .ds-public__footer { width: min(100%, var(--size-content-max)); margin: 0 auto; padding: var(--space-6); }
.ds-public__hero { padding-block: var(--space-14); }
.ds-public__closing { border-block-start: 1px solid var(--color-border-default); }
.ds-public__footer { color: var(--color-text-secondary); }

.ds-focus__top-bar { padding: var(--space-4) var(--space-6); border-block-end: 1px solid var(--color-border-subtle); }
.ds-focus__main { width: min(100%, var(--size-focus-max)); margin: 0 auto; padding: var(--space-8) var(--space-6); }
.ds-focus__progress { margin-block-end: var(--space-5); }
.ds-focus__header { margin-block-end: var(--space-6); }
.ds-focus__content { display: grid; gap: var(--space-6); }
.ds-focus__task, .ds-focus__summary, .ds-focus__help { background: var(--color-surface-raised); border: 1px solid var(--color-border-default); border-radius: var(--radius-md); padding: var(--space-6); }
.ds-focus__summary, .ds-focus__help { margin-block-start: var(--space-5); }

.ds-app-rail { position: sticky; inset-block-start: 0; min-height: 100dvh; padding: var(--space-4); }
.ds-app-rail__toggle { display: none; }
.ds-app-rail__content { display: flex; min-height: calc(100dvh - (2 * var(--space-4))); flex-direction: column; justify-content: space-between; }
.ds-app-rail__groups, .ds-app-rail__group, .ds-app-rail__list { display: flex; flex-direction: column; gap: var(--space-2); }
.ds-app-rail__group + .ds-app-rail__group { margin-block-start: var(--space-5); }
.ds-app-rail__heading { margin: 0; color: var(--color-text-muted); font: var(--type-caption); text-transform: uppercase; }
.ds-app-rail__list { list-style: none; padding: 0; margin: 0; }
.ds-app-rail__item { display: grid; width: 100%; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--space-2); min-height: var(--size-touch-min); align-items: center; border: 0; background: transparent; padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); color: var(--color-text-secondary); font: inherit; text-align: start; text-decoration: none; }
.ds-app-rail__icon { display: inline-flex; align-items: center; justify-content: center; }
.ds-app-rail__item[aria-current="page"] { background: var(--color-accent-base); color: var(--color-text-on-accent); }
.ds-app-rail__account { display: flex; flex-direction: column; border-block-start: 1px solid var(--color-border-default); padding-block-start: var(--space-4); }

.ds-page-header, .ds-toolbar, .ds-action-bar, .ds-banner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.ds-page-header h1 { margin: 0; font: var(--type-display); letter-spacing: var(--type-display-tracking); }
.ds-page-header__meta { color: var(--color-text-muted); margin-block-start: var(--space-1); }
.ds-page-header__actions, .ds-toolbar__actions, .ds-action-bar__constructive, .ds-row-actions { display: flex; gap: var(--space-2); align-items: center; }
.ds-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--space-2); list-style: none; padding: 0; margin: 0; font: var(--type-title); }
.ds-breadcrumb li + li::before { content: "/"; margin-inline-end: var(--space-2); color: var(--color-text-muted); }

.ds-toolbar__views { display: flex; gap: var(--space-1); }
.ds-toolbar__views button { min-height: var(--size-touch-min); padding: var(--space-2) var(--space-3); border: 0; border-block-end: 2px solid transparent; background: transparent; color: var(--color-text-secondary); }
.ds-toolbar__views button[aria-pressed="true"] { border-color: var(--color-accent-base); color: var(--color-text-primary); }
.ds-toolbar__search { flex: 1; min-width: min(18rem, 100%); }
input, select, textarea { width: 100%; min-height: var(--size-touch-min); border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); background: var(--color-surface-raised); color: var(--color-text-primary); padding: var(--space-2) var(--space-3); }
textarea { min-height: 8rem; resize: vertical; }

.ds-facet, .ds-segmented { border: 0; padding: 0; margin: 0; }
.ds-facet legend, .ds-segmented legend, .ds-field-row > label, .ds-token-select > label { font: var(--type-label); margin-block-end: var(--space-2); }
.ds-check-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); min-height: var(--size-touch-min); }
.ds-check-row input { width: auto; min-height: auto; }
.ds-field-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.ds-field-pair label, .ds-field-row, .ds-token-select { display: flex; flex-direction: column; gap: var(--space-1); }
.ds-field-row input[type="checkbox"] { width: auto; align-self: flex-start; }
.ds-token-select__options { max-height: 14rem; overflow: auto; border: 1px solid var(--color-border-default); border-radius: var(--radius-sm); padding: var(--space-2); }

.ds-saved-views h2 { font: var(--type-label); }
.ds-saved-views ul { list-style: none; padding: 0; margin: 0; }
.ds-saved-views li button { display: flex; width: 100%; min-height: var(--size-touch-min); align-items: center; justify-content: space-between; border: 0; border-inline-start: 2px solid transparent; background: transparent; color: var(--color-text-secondary); padding: var(--space-2) var(--space-3); }
.ds-saved-views li button[aria-current] { border-color: var(--color-accent-base); background: var(--color-surface-sunken); color: var(--color-text-primary); }

.ds-result-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: var(--space-5); padding: var(--space-5) 0; border-block-end: 1px solid var(--color-border-subtle); }
.ds-result-row h2 { margin: var(--space-1) 0; font: var(--type-heading); }
.ds-result-row p { margin: 0; color: var(--color-text-secondary); }
.ds-result-row__metrics { display: flex; gap: var(--space-5); margin: 0; }
.ds-result-row__metrics div { text-align: end; }
.ds-result-row__metrics dt { color: var(--color-text-muted); font: var(--type-caption); }
.ds-result-row__metrics dd { margin: 0; }
.ds-result-row__actions { display: flex; flex-direction: column; gap: var(--space-2); }
.ds-result-row__more { display: none; }
.ds-result-row__more summary { list-style: none; }
.ds-result-row__more summary::-webkit-details-marker { display: none; }
.ds-result-row__more[open] .ds-action-with-reason { margin-block-start: var(--space-2); }
.ds-status { display: inline-flex; border: 1px solid currentColor; border-radius: var(--radius-xs); padding: var(--space-1) var(--space-2); font: var(--type-data); text-transform: uppercase; }
.ds-status--positive { color: var(--color-status-positive); }
.ds-status--warning { color: var(--color-status-warning); }
.ds-status--critical { color: var(--color-status-critical); }
.ds-status--info { color: var(--color-status-info); }
.ds-tags { display: flex; flex-wrap: wrap; gap: var(--space-1); margin-block-start: var(--space-2); }
.ds-tags > span, .ds-tags > button { border: 0; border-radius: var(--radius-xs); background: var(--color-surface-sunken); color: var(--color-text-secondary); padding: var(--space-1) var(--space-2); font: var(--type-caption); }

.ds-table-wrap { width: 100%; }
.ds-table { width: 100%; border-collapse: collapse; background: var(--color-surface-raised); }
.ds-table th { background: var(--color-surface-sunken); color: var(--color-text-secondary); font: var(--type-label); text-align: start; }
.ds-table th, .ds-table td { padding: var(--space-3) var(--space-4); border-block-end: 1px solid var(--color-border-subtle); vertical-align: top; }
.ds-table th button { min-height: var(--size-touch-min); border: 0; background: transparent; color: inherit; font: inherit; }
.ds-table td input { width: auto; min-height: auto; }

.ds-stat-card { display: flex; flex-direction: column; gap: var(--space-2); min-width: 12rem; border: 1px solid var(--color-border-default); border-radius: var(--radius-md); background: var(--color-surface-raised); color: var(--color-text-primary); box-shadow: var(--shadow-raised); padding: var(--space-5); text-decoration: none; }
.ds-stat-card strong { font: var(--type-title); }
.ds-key-values { display: grid; gap: var(--space-3); margin: 0; }
.ds-key-values--inline { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); }
.ds-key-values--table > div { display: grid; grid-template-columns: minmax(8rem, 1fr) 2fr; border-block-end: 1px solid var(--color-border-subtle); padding-block: var(--space-2); }
.ds-key-values dt { color: var(--color-text-muted); font: var(--type-caption); }
.ds-key-values dd { margin: 0; }
.ds-key-values__emphasis { font: var(--type-heading); }

.ds-segmented > div { display: inline-flex; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); overflow: hidden; }
.ds-segmented label { position: relative; }
.ds-segmented input { position: absolute; opacity: 0; }
.ds-segmented label span { display: flex; align-items: center; min-height: var(--size-touch-min); padding: var(--space-2) var(--space-4); border-inline-end: 1px solid var(--color-border-strong); }
.ds-segmented label:last-child span { border-inline-end: 0; }
.ds-segmented input:checked + span { background: var(--color-accent-base); color: var(--color-text-on-accent); }
.ds-segmented input:focus-visible + span { outline: 2px solid var(--color-focus-ring); outline-offset: -2px; }

.ds-action-bar { flex-wrap: wrap; }
.ds-banner { padding: var(--space-3) var(--space-4); border: 1px solid currentColor; background: var(--color-surface-raised); }
.ds-banner--positive { color: var(--color-status-positive); }
.ds-banner--warning { color: var(--color-status-warning); }
.ds-banner--critical { color: var(--color-status-critical); }
.ds-banner--info { color: var(--color-status-info); }
.ds-state { display: flex; min-height: 12rem; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--space-3); padding: var(--space-6); border: 1px solid var(--color-border-default); background: var(--color-surface-raised); }
.ds-state h2, .ds-state p { margin: 0; }
.ds-state h2 { font: var(--type-heading); }
.ds-skeleton { width: 100%; height: var(--space-4); border-radius: var(--radius-xs); background: var(--color-surface-sunken); }
.ds-skeleton--short { width: 60%; }
.ds-confirm { max-width: var(--size-focus-max); border: 1px solid var(--color-border-strong); border-radius: var(--radius-md); background: var(--color-surface-raised); color: var(--color-text-primary); box-shadow: var(--shadow-modal); padding: var(--space-6); }
.ds-confirm::backdrop { background: color-mix(in srgb, var(--color-text-primary) 42%, transparent); }
.ds-confirm__actions { display: flex; justify-content: flex-end; gap: var(--space-2); margin-block-start: var(--space-5); }

@media (max-width: 1023px) {
  .ds-shell--workspace { grid-template-columns: var(--size-rail-collapsed) minmax(0, 1fr); }
  .ds-shell__workspace-content,
  .ds-shell__workspace-content[data-has-filters="true"],
  .ds-shell__workspace-content[data-has-aside="true"],
  .ds-shell__workspace-content[data-has-filters="true"][data-has-aside="true"] { grid-template-columns: minmax(0, 1fr); }
  .ds-shell__filters-toggle { display: inline-flex; margin: var(--space-3) var(--space-6) 0; justify-self: start; }
  .ds-shell__filters { display: none; border: 0; border-block-end: 1px solid var(--color-border-subtle); }
  .ds-shell__filters[data-open="true"] { position: sticky; inset-block-start: 0; z-index: 15; display: block; background: var(--color-surface-raised); }
  .ds-shell__filters-close { display: inline-flex; margin-block-end: var(--space-3); }
  .ds-shell__aside { border: 0; border-block-start: 1px solid var(--color-border-subtle); }
  .ds-app-rail { padding-inline: var(--space-2); }
  .ds-app-rail__heading, .ds-app-rail__label, .ds-app-rail__account { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .ds-app-rail__item { grid-template-columns: minmax(0, 1fr); justify-items: center; padding-inline: 0; }
  .ds-app-rail__item .ds-data { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .ds-table [data-priority="3"], .ds-table [data-priority="4"] { display: none; }
}

@media (max-width: 639px) {
  .ds-shell--workspace { display: block; }
  .ds-shell__rail { position: static; border: 0; border-block-end: 1px solid var(--color-border-default); }
  .ds-app-rail { position: static; min-height: auto; }
  .ds-app-rail__toggle { display: inline-flex; }
  .ds-app-rail__content { display: none; min-height: auto; padding-block-start: var(--space-3); }
  .ds-app-rail__content[data-open="true"] { display: flex; }
  .ds-app-rail__heading, .ds-app-rail__label, .ds-app-rail__account { position: static; width: auto; height: auto; overflow: visible; clip-path: none; white-space: normal; }
  .ds-app-rail__item { grid-template-columns: auto minmax(0, 1fr) auto; justify-items: stretch; padding-inline: var(--space-3); }
  .ds-app-rail__item .ds-data { position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
  .ds-shell__filters[data-open="true"] { position: fixed; inset: 0; z-index: 20; overflow: auto; background: var(--color-surface-raised); }
  .ds-shell__header, .ds-shell__toolbar, .ds-shell__primary, .ds-shell__filters, .ds-shell__aside, .ds-focus__main { padding: var(--space-4); }
  .ds-page-header, .ds-toolbar, .ds-action-bar, .ds-banner { align-items: stretch; flex-direction: column; }
  .ds-page-header__actions, .ds-toolbar__actions { flex-wrap: wrap; }
  .ds-toolbar__search { min-width: 100%; }
  .ds-field-pair { grid-template-columns: minmax(0, 1fr); }
  .ds-result-row { grid-template-columns: minmax(0, 1fr); }
  .ds-result-row__metrics { justify-content: space-between; }
  .ds-result-row__actions .ds-button { width: 100%; }
  .ds-result-row__secondary-action { display: none; }
  .ds-result-row__more { display: block; }
  .ds-table, .ds-table tbody, .ds-table tr, .ds-table td { display: block; width: 100%; }
  .ds-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
  .ds-table tr { margin-block-end: var(--space-4); border: 1px solid var(--color-border-default); border-radius: var(--radius-md); background: var(--color-surface-raised); padding: var(--space-3); }
  .ds-table td { display: grid; grid-template-columns: minmax(7rem, 1fr) 2fr; gap: var(--space-3); border: 0; padding: var(--space-2); }
  .ds-table td::before { content: attr(data-label); color: var(--color-text-muted); font: var(--type-caption); }
  .ds-table [data-priority] { display: grid; }
  .ds-key-values--table > div { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); }
}