/*
 * DMS application shell: a VS Code-style workbench built from layout tokens.
 * Desktop  >= 1200px: rail + resizable left/right sidebars + bottom panel (no status bar).
 * Tablet 768-1199px: rail + sidebars as modal drawers + inline bottom panel.
 * Mobile   < 768px: compact topbar + drawers + bottom sheet + bottom navigation.
 * Breakpoints mirror layout-breakpoint-tablet/desktop (verified by tests).
 */
@layer layout {
  .dms-shell {
    --dms-shell-left-width: var(--dms-layout-sidebar-width);
    --dms-shell-right-width: var(--dms-layout-secondary-width);
    --dms-shell-panel-height: var(--dms-layout-panel-height);
    --dms-shell-settings-width: var(--dms-layout-settings-nav-width);
    display: grid;
    grid-template-rows: var(--dms-layout-topbar-height) minmax(0, 1fr);
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    background: var(--dms-canvas);
  }

  .dms-shell[data-dms-resizing="x"] {
    cursor: col-resize;
    user-select: none;
  }

  .dms-shell[data-dms-resizing="y"] {
    cursor: row-resize;
    user-select: none;
  }

  /* Topbar */
  .dms-topbar {
    position: relative;
    z-index: var(--dms-z-shell);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--dms-space-2);
    min-width: 0;
    padding-inline-end: var(--dms-space-1);
    background: var(--dms-surface-glass);
    backdrop-filter: blur(var(--dms-glass-blur)) saturate(1.4);
    -webkit-backdrop-filter: blur(var(--dms-glass-blur)) saturate(1.4);
    box-shadow: var(--dms-shadow-highlight-top);
    border-block-end: var(--dms-border-width) solid var(--dms-ring);
  }

  .dms-topbar__start,
  .dms-topbar__end {
    display: flex;
    align-items: center;
    gap: var(--dms-space-1);
    min-width: 0;
  }

  .dms-topbar__start {
    flex: 1 1 auto;
    gap: var(--dms-space-2);
  }

  .dms-topbar__end {
    flex: 0 0 auto;
    justify-content: flex-end;
  }

  .dms-topbar__center {
    display: none;
  }

  .dms-topbar__layout {
    display: flex;
    align-items: center;
    gap: var(--dms-space-1);
    margin-inline-end: var(--dms-space-1);
    padding-inline-end: var(--dms-space-2);
    border-inline-end: var(--dms-border-width) solid var(--dms-border);
  }

  .dms-topbar__menu,
  .dms-topbar__search,
  .dms-topbar__search-dropdown {
    display: none;
  }

  .dms-brand {
    flex: 0 0 var(--dms-layout-rail-width);
    align-self: stretch;
    display: flex;
    align-items: center;
    padding-inline: var(--dms-space-2);
    text-decoration: none;
  }

  .dms-brand:focus-visible {
    outline-offset: calc(var(--dms-focus-ring-width) * -1);
  }

  .dms-brand__mark {
    display: grid;
    place-items: center;
    width: var(--dms-icon-size-lg);
    height: var(--dms-icon-size-lg);
    border-radius: var(--dms-radius-sm);
    background: linear-gradient(to right, var(--dms-brand-start), var(--dms-brand-end));
    color: var(--dms-background-white);
    font-size: var(--dms-font-small-size);
    font-weight: var(--dms-font-title-weight);
    --dms-icon-stroke: var(--dms-font-title-icon-stroke);
    line-height: 1;
  }

  .dms-tenant__name {
    max-width: var(--dms-layout-sidebar-min);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dms-breadcrumb {
    min-width: 0;
    margin-inline-start: var(--dms-space-1);
  }

  .dms-breadcrumb__list {
    display: flex;
    align-items: center;
    gap: var(--dms-space-1);
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .dms-breadcrumb__item {
    display: flex;
    align-items: center;
    gap: var(--dms-space-1);
    min-width: 0;
    color: var(--dms-text-secondary);
    white-space: nowrap;
  }

  .dms-breadcrumb__link {
    color: inherit;
    text-decoration: none;
  }

  .dms-breadcrumb__link:hover {
    color: var(--dms-text-primary);
    text-decoration: underline;
  }

  .dms-breadcrumb__current {
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--dms-text-primary);
  }

  .dms-breadcrumb__separator {
    color: var(--dms-text-muted);
  }

  .dms-command-trigger {
    display: flex;
    align-items: center;
    gap: var(--dms-space-2);
    width: var(--dms-layout-command-width);
    max-width: 100%;
    height: var(--dms-control-height-sm);
    padding-inline: var(--dms-space-2) var(--dms-space-1);
    margin-inline-end: var(--dms-space-2);
    border: var(--dms-border-width) solid var(--dms-border);
    border-radius: var(--dms-radius-md);
    background: var(--dms-background);
    color: var(--dms-text-secondary);
    font-size: var(--dms-font-small-size);
    font-weight: var(--dms-font-small-weight);
    --dms-icon-stroke: var(--dms-font-small-icon-stroke);
    cursor: pointer;
  }

  .dms-command-trigger:hover {
    border-color: var(--dms-border);
    background: var(--dms-surface-hover);
    color: var(--dms-text-primary);
  }

  .dms-command-trigger__label {
    flex: 1;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Body: rail, sidebars, workspace */
  .dms-shell__body {
    display: flex;
    min-width: 0;
    min-height: 0;
  }

  .dms-rail {
    position: relative;
    z-index: var(--dms-z-shell);
    flex: 0 0 var(--dms-layout-rail-width);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-block: var(--dms-space-1);
    background: var(--dms-canvas);
    border-inline-end: var(--dms-border-width) solid var(--dms-ring);
  }

  .dms-rail__list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .dms-rail__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--dms-layout-rail-width);
    height: var(--dms-layout-rail-width);
    color: var(--dms-text-secondary);
    text-decoration: none;
  }

  .dms-rail__item:hover,
  .dms-rail__item[aria-current="page"] {
    color: var(--dms-text-primary);
  }

  .dms-rail__item:focus-visible {
    outline-offset: calc(var(--dms-focus-ring-width) * -1);
  }

  .dms-rail__item[aria-current="page"]::before {
    content: "";
    position: absolute;
    inset-block: var(--dms-space-2);
    inset-inline-start: 0;
    width: var(--dms-layout-active-indicator);
    border-radius: var(--dms-radius-full);
    background: linear-gradient(to bottom, var(--dms-action-primary-start), var(--dms-action-primary-end));
  }

  .dms-rail__badge {
    position: absolute;
    inset-block-start: var(--dms-space-1);
    inset-inline-end: var(--dms-space-1);
  }

  .dms-sidebar {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    background: var(--dms-surface-glass);
    backdrop-filter: blur(var(--dms-glass-blur)) saturate(1.4);
    -webkit-backdrop-filter: blur(var(--dms-glass-blur)) saturate(1.4);
  }

  .dms-sidebar--primary {
    flex: 0 0 var(--dms-shell-left-width);
    width: var(--dms-shell-left-width);
    border-inline-end: var(--dms-border-width) solid var(--dms-border);
  }

  .dms-sidebar--secondary {
    flex: 0 0 var(--dms-shell-right-width);
    width: var(--dms-shell-right-width);
    border-inline-start: var(--dms-border-width) solid var(--dms-border);
  }

  .dms-sidebar__header {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--dms-space-2);
    height: var(--dms-control-height-lg);
    padding-inline: var(--dms-space-3) var(--dms-space-1);
    border-block-end: var(--dms-border-width) solid var(--dms-border);
  }

  .dms-sidebar__title,
  .dms-panel__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dms-sidebar__close {
    display: none;
  }

  .dms-sidebar__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: var(--dms-space-2);
  }

  .dms-sidebar__applications {
    display: none;
    margin-block-start: var(--dms-space-4);
    padding-block-start: var(--dms-space-3);
    border-block-start: var(--dms-border-width) solid var(--dms-border);
  }

  .dms-shell__center {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
  }

  .dms-workspace {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    outline: none;
  }

  .dms-panel {
    position: relative;
    flex: 0 0 var(--dms-shell-panel-height);
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--dms-background-white);
    border-block-start: var(--dms-border-width) solid var(--dms-ring);
  }

  .dms-panel__header {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--dms-space-2);
    height: var(--dms-control-height-lg);
    padding-inline: var(--dms-space-4) var(--dms-space-1);
    border-block-end: var(--dms-border-width) solid var(--dms-border);
  }

  .dms-panel__actions {
    display: flex;
    align-items: center;
    gap: var(--dms-space-1);
  }

  .dms-panel__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: var(--dms-space-3) var(--dms-space-4);
  }

  .dms-panel__restore,
  .dms-shell[data-dms-bottom-maximized="true"] .dms-panel__maximize {
    display: none;
  }

  .dms-shell[data-dms-bottom-maximized="true"] .dms-panel__restore {
    display: block;
  }

  /* Closed regions (desktop and tablet-inline panel) */
  .dms-shell[data-dms-left-open="false"] .dms-sidebar--primary,
  .dms-shell[data-dms-left-open="false"] .dms-resizer[data-dms-resize="left"],
  .dms-shell[data-dms-right-open="false"] .dms-sidebar--secondary,
  .dms-shell[data-dms-right-open="false"] .dms-resizer[data-dms-resize="right"],
  .dms-shell[data-dms-bottom-open="false"] .dms-panel {
    display: none;
  }

  .dms-shell[data-dms-bottom-maximized="true"] .dms-workspace,
  .dms-shell[data-dms-bottom-maximized="true"] .dms-panel > .dms-resizer {
    display: none;
  }

  .dms-shell[data-dms-bottom-maximized="true"] .dms-panel {
    flex: 1 1 auto;
  }

  /* Resizers: 0-width sash over the border with an 8px hit area */
  .dms-resizer {
    position: relative;
    z-index: var(--dms-z-sticky);
    flex: none;
    touch-action: none;
  }

  .dms-resizer::before,
  .dms-resizer::after {
    content: "";
    position: absolute;
  }

  .dms-resizer::after {
    background: transparent;
    transition: background-color var(--dms-duration-fast) var(--dms-easing-standard);
  }

  .dms-resizer--vertical {
    width: 0;
    cursor: col-resize;
  }

  .dms-resizer--vertical::before {
    inset-block: 0;
    inset-inline: calc(var(--dms-layout-resizer-size) * -1);
  }

  .dms-resizer--vertical::after {
    inset-block: 0;
    inset-inline: calc(var(--dms-layout-resizer-size) / -2);
  }

  .dms-resizer--horizontal {
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    height: 0;
    cursor: row-resize;
  }

  .dms-resizer--horizontal::before {
    inset-inline: 0;
    inset-block: calc(var(--dms-layout-resizer-size) * -1);
  }

  .dms-resizer--horizontal::after {
    inset-inline: 0;
    inset-block: calc(var(--dms-layout-resizer-size) / -2);
  }

  .dms-resizer:hover::after,
  .dms-resizer:focus-visible::after,
  .dms-resizer[data-dms-dragging]::after {
    background: linear-gradient(to bottom, var(--dms-action-primary-start), var(--dms-action-primary-end));
  }

  .dms-resizer:focus-visible {
    outline: none;
  }

  /* Mobile navigation, scrim */
  .dms-mobile-nav {
    display: none;
  }

  .dms-shell__scrim {
    position: fixed;
    inset: 0;
    z-index: var(--dms-z-scrim);
    background: var(--dms-scrim);
    -webkit-backdrop-filter: blur(var(--dms-space-1));
    backdrop-filter: blur(var(--dms-space-1));
  }

  /* Content width variants */
  .dms-content {
    width: 100%;
    margin-inline: auto;
    padding: var(--dms-space-6);
  }

  .dms-content--narrow {
    max-width: var(--dms-layout-content-narrow);
  }

  .dms-content--standard {
    max-width: var(--dms-layout-content-standard);
  }

  .dms-content--wide {
    max-width: var(--dms-layout-content-wide);
  }

  .dms-content--fluid {
    max-width: var(--dms-layout-content-fluid);
  }

  /* Tablet */
  @media (min-width: 768px) and (max-width: 1199.98px) {
    .dms-shell[data-dms-left-open="true"] .dms-sidebar--primary,
    .dms-shell[data-dms-right-open="true"] .dms-sidebar--secondary {
      display: flex;
      position: fixed;
      inset-block: var(--dms-layout-topbar-height) 0;
      z-index: var(--dms-z-drawer);
      box-shadow: var(--dms-shadow-lg);
      visibility: hidden;
      transition: transform var(--dms-duration-base) var(--dms-easing-exit), visibility 0s linear var(--dms-duration-base);
    }

    .dms-shell[data-dms-left-open="true"] .dms-sidebar--primary {
      inset-inline-start: var(--dms-layout-rail-width);
      max-width: calc(100vw - var(--dms-layout-rail-width));
      transform: translateX(calc(-100% - var(--dms-layout-rail-width)));
    }

    .dms-shell[data-dms-right-open="true"] .dms-sidebar--secondary {
      inset-inline-end: 0;
      max-width: 100vw;
      transform: translateX(100%);
    }

    .dms-shell[data-dms-drawer="left"] .dms-sidebar--primary,
    .dms-shell[data-dms-drawer="right"] .dms-sidebar--secondary {
      visibility: visible;
      transform: none;
      transition: transform var(--dms-duration-base) var(--dms-easing-standard), visibility 0s;
    }

    .dms-shell .dms-resizer[data-dms-resize="left"],
    .dms-shell .dms-resizer[data-dms-resize="right"] {
      display: none;
    }

    .dms-sidebar__close {
      display: inline-flex;
    }
  }

  /* Mobile */
  @media (max-width: 767.98px) {
    .dms-shell {
      grid-template-rows: var(--dms-layout-topbar-height) minmax(0, 1fr) calc(var(--dms-layout-mobile-nav-height) + env(safe-area-inset-bottom));
    }

    .dms-rail,
    .dms-topbar__center,
    .dms-topbar__layout,
    .dms-command-trigger,
    .dms-breadcrumb,
    .dms-tenant,
    .dms-shell .dms-resizer--vertical {
      display: none;
    }

    .dms-topbar {
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0;
      padding-inline-end: 0;
    }

    .dms-topbar__start,
    .dms-topbar__end {
      gap: 0;
    }

    .dms-topbar__menu,
    .dms-topbar__search,
    .dms-topbar__search-dropdown {
      display: inline-flex;
    }

    .dms-topbar .dms-icon-button {
      width: var(--dms-layout-topbar-height);
      height: var(--dms-layout-topbar-height);
      border-radius: 0;
    }

    .dms-topbar .dms-icon-button:focus-visible {
      outline-offset: calc(var(--dms-focus-ring-width) * -1);
    }

    .dms-brand {
      flex-basis: auto;
      padding-inline: var(--dms-space-2);
    }

    .dms-shell[data-dms-left-open="true"] .dms-sidebar--primary,
    .dms-shell[data-dms-right-open="true"] .dms-sidebar--secondary {
      display: flex;
      position: fixed;
      inset-block: 0;
      z-index: var(--dms-z-drawer);
      width: min(var(--dms-layout-drawer-width), calc(100vw - var(--dms-space-12)));
      padding-block: env(safe-area-inset-top) env(safe-area-inset-bottom);
      box-shadow: var(--dms-shadow-lg);
      visibility: hidden;
      transition: transform var(--dms-duration-base) var(--dms-easing-exit), visibility 0s linear var(--dms-duration-base);
    }

    .dms-shell[data-dms-left-open="true"] .dms-sidebar--primary {
      inset-inline-start: 0;
      transform: translateX(-100%);
    }

    .dms-shell[data-dms-right-open="true"] .dms-sidebar--secondary {
      inset-inline-end: 0;
      transform: translateX(100%);
    }

    .dms-shell[data-dms-bottom-open="true"] .dms-panel {
      display: flex;
      position: fixed;
      inset-inline: 0;
      inset-block-end: 0;
      z-index: var(--dms-z-drawer);
      height: min(var(--dms-shell-panel-height), calc(100dvh - var(--dms-layout-topbar-height)));
      padding-block-end: env(safe-area-inset-bottom);
      border: var(--dms-border-width) solid var(--dms-border);
      border-start-start-radius: var(--dms-radius-lg);
      border-start-end-radius: var(--dms-radius-lg);
      box-shadow: var(--dms-shadow-lg);
      visibility: hidden;
      transform: translateY(100%);
      transition: transform var(--dms-duration-base) var(--dms-easing-exit), visibility 0s linear var(--dms-duration-base);
    }

    .dms-shell[data-dms-drawer="left"] .dms-sidebar--primary,
    .dms-shell[data-dms-drawer="right"] .dms-sidebar--secondary,
    .dms-shell[data-dms-drawer="bottom"] .dms-panel {
      visibility: visible;
      transform: none;
      transition: transform var(--dms-duration-base) var(--dms-easing-standard), visibility 0s;
    }

    .dms-shell[data-dms-bottom-maximized="true"] .dms-panel {
      height: calc(100dvh - var(--dms-layout-topbar-height));
    }

    .dms-shell[data-dms-bottom-maximized="true"] .dms-workspace {
      display: block;
    }

    .dms-panel > .dms-resizer--horizontal,
    .dms-shell[data-dms-bottom-maximized="true"] .dms-panel > .dms-resizer {
      position: relative;
      display: block;
      flex: none;
      height: var(--dms-space-5);
      cursor: grab;
    }

    .dms-panel > .dms-resizer--horizontal::before {
      inset: 0;
    }

    .dms-panel > .dms-resizer--horizontal::after,
    .dms-panel > .dms-resizer--horizontal:hover::after,
    .dms-panel > .dms-resizer--horizontal:focus-visible::after,
    .dms-panel > .dms-resizer--horizontal[data-dms-dragging]::after {
      inset-block: calc((var(--dms-space-5) - var(--dms-space-1)) / 2);
      inset-inline: calc(50% - var(--dms-space-5));
      border-radius: var(--dms-radius-full);
      background: var(--dms-border);
    }

    .dms-panel > .dms-resizer--horizontal:focus-visible {
      outline: var(--dms-focus-ring-width) solid var(--dms-action-primary-end);
      outline-offset: calc(var(--dms-focus-ring-width) * -1);
    }

    .dms-panel__header {
      height: var(--dms-control-height-lg);
    }

    .dms-sidebar__close {
      display: inline-flex;
    }

    .dms-sidebar__applications {
      display: block;
    }

    .dms-nav__link {
      min-height: var(--dms-layout-touch-target);
    }

    .dms-mobile-nav {
      display: block;
      padding-block-end: env(safe-area-inset-bottom);
      background: var(--dms-background-white);
      border-block-start: var(--dms-border-width) solid var(--dms-border);
    }

    .dms-mobile-nav__list {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      height: var(--dms-layout-mobile-nav-height);
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .dms-mobile-nav__item {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: var(--dms-space-1);
      width: 100%;
      height: 100%;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--dms-text-secondary);
      font-size: var(--dms-font-small-size);
      font-weight: var(--dms-font-small-weight);
      --dms-icon-stroke: var(--dms-font-small-icon-stroke);
      line-height: var(--dms-font-small-line-height);
      text-decoration: none;
      cursor: pointer;
    }

    .dms-mobile-nav__item[aria-current="page"],
    .dms-mobile-nav__item[aria-expanded="true"] {
      color: var(--dms-text-primary);
      font-weight: var(--dms-font-body-weight);
      --dms-icon-stroke: var(--dms-font-body-icon-stroke);
    }

    .dms-mobile-nav__item[aria-current="page"]::before {
      content: "";
      position: absolute;
      inset-block-start: 0;
      inset-inline: var(--dms-space-5);
      height: var(--dms-layout-active-indicator);
      border-radius: var(--dms-radius-full);
      background: linear-gradient(to right, var(--dms-action-primary-start), var(--dms-action-primary-end));
    }

    .dms-mobile-nav__item:focus-visible {
      outline-offset: calc(var(--dms-focus-ring-width) * -1);
    }

    .dms-mobile-nav__icon {
      position: relative;
      display: inline-flex;
    }

    .dms-mobile-nav__icon .dms-rail__badge {
      inset-block-start: calc(var(--dms-space-2) * -1);
      inset-inline-end: calc(var(--dms-space-3) * -1);
    }

    .dms-mobile-nav__label {
      max-width: 100%;
      overflow: hidden;
      padding-inline: var(--dms-space-1);
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .dms-content {
      padding: var(--dms-space-4);
    }
  }
}

/* Settings layout: settings menu column beside the left sidebar, content to the right. */
@layer components {
  .dms-settings {
    display: grid;
    grid-template-columns: var(--dms-shell-settings-width) 0 minmax(0, 1fr);
    min-height: 100%;
  }

  .dms-settings__nav {
    border-inline-end: var(--dms-border-width) solid var(--dms-border);
    background: var(--dms-background-white);
  }

  .dms-settings__menu {
    position: sticky;
    inset-block-start: 0;
  }

  /* Same height and rule as the sidebar header so both borders line up. */
  .dms-settings__header {
    display: flex;
    align-items: center;
    height: var(--dms-control-height-lg);
    margin: 0;
    padding-inline: var(--dms-space-4);
    border-block-end: var(--dms-border-width) solid var(--dms-border);
    color: var(--dms-text-primary);
    font-weight: var(--dms-font-body-weight);
    --dms-icon-stroke: var(--dms-font-body-icon-stroke);
  }

  .dms-settings__groups {
    display: flex;
    flex-direction: column;
    gap: var(--dms-space-4);
    padding: var(--dms-space-3) var(--dms-space-2);
  }

  .dms-settings__link[aria-current="true"] {
    position: relative;
    background: var(--dms-surface-selected);
    color: var(--dms-text-primary);
    font-weight: var(--dms-font-body-weight);
  }

  .dms-settings__link[aria-current="true"]::before {
    content: "";
    position: absolute;
    inset-block: var(--dms-space-1);
    inset-inline-start: 0;
    width: var(--dms-layout-active-indicator);
    border-radius: var(--dms-radius-full);
    background: linear-gradient(to bottom, var(--dms-action-primary-start), var(--dms-action-primary-end));
  }

  .dms-settings__content {
    min-width: 0;
  }

  @media (max-width: 767.98px) {
    .dms-settings {
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: auto minmax(0, 1fr);
    }

    .dms-settings__nav {
      position: sticky;
      inset-block-start: 0;
      z-index: var(--dms-z-sticky);
      overflow-x: auto;
      border-inline-end: 0;
      border-block-end: var(--dms-border-width) solid var(--dms-border);
    }

    .dms-settings__menu {
      position: static;
      width: max-content;
    }

    .dms-settings__header {
      display: none;
    }

    .dms-settings__groups {
      flex-direction: row;
      gap: var(--dms-space-1);
      padding: var(--dms-space-2);
    }

    .dms-settings__group {
      display: flex;
      align-items: center;
    }

    .dms-settings__group .dms-nav__section-title {
      display: none;
    }

    .dms-settings__list {
      flex-direction: row;
      gap: var(--dms-space-1);
    }

    .dms-settings__link {
      white-space: nowrap;
    }
  }
}