@media (min-width: 901px) {
  html[data-runtime="browser-desktop"] #userAccountSheet .desktop-fill-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    min-height: 0 !important;
  }

  html[data-runtime="browser-desktop"] #desktopUserAccessToolbar {
    position: relative;
    z-index: 3;
    flex: 0 0 auto;
  }

  html[data-runtime="browser-desktop"] .desktop-user-toolbar {
    position: relative !important;
    z-index: 5;
    display: grid !important;
    grid-template-columns: minmax(280px, 1fr) auto !important;
    align-items: center;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 0 10px !important;
    background: transparent !important;
  }

  html[data-runtime="browser-desktop"] .desktop-user-search-shell {
    position: relative;
    display: block;
    min-width: 0;
  }

  html[data-runtime="browser-desktop"] .desktop-user-search-icon {
    position: absolute;
    left: 13px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    color: var(--theme-muted);
    font-size: 18px;
    line-height: 1;
    pointer-events: none;
  }

  html[data-runtime="browser-desktop"] .desktop-user-search,
  html[data-runtime="browser-desktop"] .desktop-user-filter,
  html[data-runtime="browser-desktop"] #desktopUserEditor :is(input, select) {
    width: 100%;
    min-height: var(--desktop-control-height, 42px) !important;
    height: var(--desktop-control-height, 42px) !important;
    border: 1px solid var(--theme-line) !important;
    border-radius: 10px !important;
    background: var(--theme-surface-soft) !important;
    color: var(--theme-ink) !important;
    box-shadow: none !important;
    font: inherit;
    font-size: 13px;
    font-weight: 750;
  }

  html[data-runtime="browser-desktop"] .desktop-user-search {
    padding: 0 54px 0 38px !important;
  }

  html[data-runtime="browser-desktop"] .desktop-user-filter,
  html[data-runtime="browser-desktop"] #desktopUserEditor select {
    appearance: auto !important;
    padding: 0 12px !important;
  }

  html[data-runtime="browser-desktop"] #desktopUserEditor input {
    padding: 0 12px !important;
  }

  html[data-runtime="browser-desktop"] :is(
    .desktop-user-search,
    .desktop-user-filter,
    #desktopUserEditor input,
    #desktopUserEditor select
  ):is(:focus, :focus-visible) {
    outline: none !important;
    box-shadow: none !important;
    border-color: var(--theme-primary-line) !important;
  }

  html[data-runtime="browser-desktop"] .desktop-user-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    white-space: nowrap;
  }

  html[data-runtime="browser-desktop"] .desktop-user-secondary-action {
    min-height: var(--desktop-control-height, 42px);
    padding: 0 16px;
    border: 1px solid var(--theme-line);
    border-radius: 10px;
    background: var(--theme-surface);
    color: var(--theme-ink);
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
  }

  html[data-runtime="browser-desktop"] .desktop-user-directory-state {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 0 10px;
    padding: 10px 12px;
    border: 1px solid var(--theme-line);
    border-radius: 10px;
    background: var(--theme-surface-soft);
    color: var(--theme-muted);
    font-size: 12px;
    font-weight: 700;
  }

  html[data-runtime="browser-desktop"] .desktop-user-directory-state[hidden] {
    display: none !important;
  }

  html[data-runtime="browser-desktop"] .desktop-user-directory-state.error {
    border-color: color-mix(in srgb, var(--danger) 42%, var(--theme-line));
    background: color-mix(in srgb, var(--danger) 8%, var(--theme-surface));
    color: var(--danger);
  }

  html[data-runtime="browser-desktop"] .desktop-user-directory-state.warning {
    border-color: color-mix(in srgb, #a36d27 38%, var(--theme-line));
    background: color-mix(in srgb, #d8a44d 10%, var(--theme-surface));
    color: color-mix(in srgb, #8a5b1e 80%, var(--theme-ink));
  }

  html[data-runtime="browser-desktop"] .desktop-user-directory-state button {
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    font-weight: 850;
    cursor: pointer;
  }

  html[data-runtime="browser-desktop"] .desktop-user-tabs {
    position: relative;
    z-index: 1;
  }

  html[data-runtime="browser-desktop"] #userAccountSheet .desktop-user-panel {
    display: none !important;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
  }

  html[data-runtime="browser-desktop"] #userAccountSheet .desktop-user-panel.active {
    display: block !important;
  }

  html[data-runtime="browser-desktop"] #userAccountList {
    display: block !important;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden auto;
    padding-right: 2px;
  }

  html[data-runtime="browser-desktop"] .desktop-user-directory-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    min-width: 0;
    min-height: 0;
  }

  html[data-runtime="browser-desktop"] .desktop-user-directory-layout > *,
  html[data-runtime="browser-desktop"] .desktop-user-role-group,
  html[data-runtime="browser-desktop"] .desktop-user-table {
    min-width: 0;
    max-width: 100%;
  }


  /* Keep cloud user rows dense so the directory, not header whitespace, owns the workspace. */
  html[data-runtime="browser-desktop"] #userAccountSheet .desktop-user-role-group {
    margin-bottom: 12px;
  }

  html[data-runtime="browser-desktop"] #userAccountSheet :is(.desktop-user-table-head, .desktop-user-row) {
    min-height: 44px;
    padding-block: 5px;
  }

  html[data-runtime="browser-desktop"] #userAccountSheet .desktop-user-row {
    contain-intrinsic-size: 44px;
  }

  html[data-runtime="browser-desktop"] .desktop-user-directory-layout:has(.desktop-user-editor.open) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
    height: 100%;
  }


  html[data-runtime="browser-desktop"] .desktop-user-directory-layout:has(.desktop-user-editor.open) #userAccountList,
  html[data-runtime="browser-desktop"] .desktop-user-directory-layout:has(.desktop-user-editor.open) #desktopUserEditor {
    width: 100%;
    height: 100%;
    min-height: 0;
  }

  html[data-runtime="browser-desktop"] .desktop-user-directory-layout:has(.desktop-user-editor.open) #userAccountList {
    height: 100% !important;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: auto;
  }

  html[data-runtime="browser-desktop"] .desktop-user-table-head,
  html[data-runtime="browser-desktop"] .desktop-user-row {
    grid-template-columns: minmax(190px, 1.35fr) minmax(70px, .38fr) minmax(160px, 1fr) minmax(82px, .46fr) !important;
  }

  html[data-runtime="browser-desktop"] .desktop-user-directory-layout:has(.desktop-user-editor.open) :is(.desktop-user-table-head, .desktop-user-row) {
    grid-template-columns: minmax(155px, 1.2fr) 70px minmax(130px, .9fr) 78px !important;
    gap: 8px;
    padding-inline: 10px;
  }

  html[data-runtime="browser-desktop"] :is(.desktop-user-table-head, .desktop-user-row) > * {
    min-width: 0;
  }

  html[data-runtime="browser-desktop"] :is(.desktop-role-badge, .desktop-scope-badge, .desktop-status-badge) {
    max-width: 100%;
  }

  html[data-runtime="browser-desktop"] .desktop-scope-badge {
    white-space: normal;
    line-height: 1.2;
  }

  html[data-runtime="browser-desktop"] .desktop-user-row {
    width: 100%;
    border: 0;
    border-top: 1px solid var(--theme-line);
    border-radius: 0;
    background: transparent;
    color: var(--theme-ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
  }

  html[data-runtime="browser-desktop"] .desktop-user-row:hover {
    background: var(--theme-primary-soft);
  }

  html[data-runtime="browser-desktop"] .desktop-user-row:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--theme-primary-line);
  }

  html[data-runtime="browser-desktop"] .desktop-user-row.is-draft {
    cursor: default;
    opacity: .72;
  }

  html[data-runtime="browser-desktop"] .desktop-user-editor {
    position: sticky;
    top: 0;
    align-self: stretch;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
    border: 1px solid var(--theme-line);
    border-radius: 14px;
    background: var(--theme-surface);
    box-shadow: var(--theme-card-shadow);
  }

  html[data-runtime="browser-desktop"] .desktop-user-editor[hidden] {
    display: none !important;
  }

  html[data-runtime="browser-desktop"] .desktop-user-editor-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 16px;
    border-bottom: 1px solid var(--theme-line);
  }

  html[data-runtime="browser-desktop"] .desktop-user-editor-header > div {
    display: grid;
    gap: 3px;
  }

  html[data-runtime="browser-desktop"] .desktop-user-editor-header b {
    font-size: 16px;
  }

  html[data-runtime="browser-desktop"] .desktop-user-editor-header span {
    color: var(--theme-muted);
    font-size: 11px;
    font-weight: 750;
  }

  html[data-runtime="browser-desktop"] .desktop-user-editor-header button {
    width: 32px;
    height: 32px;
    border: 1px solid var(--theme-line);
    border-radius: 9px;
    background: var(--theme-surface-soft);
    color: var(--theme-ink);
    font-size: 20px;
    cursor: pointer;
  }

  html[data-runtime="browser-desktop"] .desktop-user-editor-body {
    display: grid;
    gap: 12px;
    overflow: auto;
    padding: 16px;
  }

  html[data-runtime="browser-desktop"] .desktop-user-editor-body > label {
    display: grid;
    gap: 6px;
    color: var(--theme-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .2px;
  }

  html[data-runtime="browser-desktop"] #desktopEditUserCode[readonly] {
    background: color-mix(in srgb, var(--theme-line) 34%, var(--theme-surface)) !important;
    color: var(--theme-muted) !important;
    cursor: not-allowed;
  }

  html[data-runtime="browser-desktop"] .desktop-user-assignment {
    padding: 9px 11px;
    border: 1px solid var(--theme-line);
    border-radius: 9px;
    background: var(--theme-surface-soft);
    color: var(--theme-muted);
    font-size: 11px;
    font-weight: 800;
  }


  html[data-runtime="browser-desktop"] .desktop-user-security-action,
  html[data-runtime="browser-desktop"] .desktop-route-planning-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 13px;
    border: 1px solid var(--theme-line);
    border-radius: 11px;
    background: var(--theme-surface-soft);
  }

  html[data-runtime="browser-desktop"] .desktop-user-security-action > div,
  html[data-runtime="browser-desktop"] .desktop-route-planning-note > div {
    min-width: 0;
    display: grid;
    gap: 4px;
  }

  html[data-runtime="browser-desktop"] .desktop-user-security-action b,
  html[data-runtime="browser-desktop"] .desktop-route-planning-note b {
    color: var(--theme-ink);
    font-size: 12px;
    font-weight: 900;
  }

  html[data-runtime="browser-desktop"] .desktop-user-security-action span,
  html[data-runtime="browser-desktop"] .desktop-route-planning-note span {
    color: var(--theme-muted);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
  }

  html[data-runtime="browser-desktop"] .desktop-user-security-action button {
    flex: 0 0 auto;
  }

  html[data-runtime="browser-desktop"] .desktop-user-security-action button:disabled {
    opacity: .55;
    cursor: not-allowed;
  }

  html[data-runtime="browser-desktop"] .desktop-route-planning-note {
    margin: 14px 0;
    border-color: var(--theme-primary-line);
    background: var(--theme-primary-soft);
  }

  html[data-runtime="browser-desktop"] .desktop-route-planning-note i {
    flex: 0 0 auto;
    padding: 5px 8px;
    border-radius: 999px;
    background: var(--theme-surface);
    color: var(--theme-primary-dark);
    font-size: 9px;
    font-style: normal;
    font-weight: 950;
    letter-spacing: .05em;
  }

  html[data-runtime="browser-desktop"] .desktop-user-guard,
  html[data-runtime="browser-desktop"] .desktop-user-editor-message {
    padding: 10px 11px;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.4;
  }

  html[data-runtime="browser-desktop"] .desktop-user-guard {
    border: 1px solid color-mix(in srgb, #d8a44d 36%, var(--theme-line));
    background: color-mix(in srgb, #d8a44d 10%, var(--theme-surface));
    color: color-mix(in srgb, #8a5b1e 82%, var(--theme-ink));
  }

  html[data-runtime="browser-desktop"] .desktop-user-editor-message.info,
  html[data-runtime="browser-desktop"] .desktop-user-editor-message.loading {
    background: var(--theme-surface-soft);
    color: var(--theme-muted);
  }

  html[data-runtime="browser-desktop"] .desktop-user-editor-message.error {
    background: color-mix(in srgb, var(--danger) 10%, var(--theme-surface));
    color: var(--danger);
  }

  html[data-runtime="browser-desktop"] .desktop-user-editor-message.success {
    background: color-mix(in srgb, var(--success) 10%, var(--theme-surface));
    color: var(--success);
  }

  html[data-runtime="browser-desktop"] .desktop-user-editor-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 13px 16px;
    border-top: 1px solid var(--theme-line);
  }

  html[data-runtime="browser-desktop"] #desktopSaveUserEditBtn:disabled {
    opacity: .55;
    cursor: wait;
  }
}

@media (max-width: 1320px) and (min-width: 901px) {
  html[data-runtime="browser-desktop"] .desktop-user-toolbar {
    grid-template-columns: minmax(220px, 1fr) auto !important;
  }

  html[data-runtime="browser-desktop"] .desktop-user-directory-layout:has(.desktop-user-editor.open) {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-runtime="browser-desktop"] .desktop-user-editor {
    position: relative;
  }
}

@media (min-width: 901px) {
  html[data-runtime="browser-desktop"] .desktop-user-filter-trigger {
    position: absolute;
    top: 50%;
    right: 6px;
    z-index: 4;
    display: grid;
    place-items: center;
    width: 34px;
    height: 32px;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--theme-muted);
    cursor: pointer;
  }

  html[data-runtime="browser-desktop"] .desktop-user-filter-trigger:hover,
  html[data-runtime="browser-desktop"] .desktop-user-filter-trigger[aria-expanded="true"] {
    background: var(--theme-primary-soft);
    color: var(--theme-primary);
  }

  html[data-runtime="browser-desktop"] .desktop-user-filter-trigger svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
  }

  html[data-runtime="browser-desktop"] #desktopUserFilterCount {
    position: absolute;
    top: -4px;
    right: -3px;
    display: grid;
    place-items: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: var(--theme-primary);
    color: var(--theme-primary-contrast, #fff);
    font-size: 9px;
    font-style: normal;
    font-weight: 900;
  }

  html[data-runtime="browser-desktop"] #desktopUserFilterCount[hidden] {
    display: none !important;
  }

  html[data-runtime="browser-desktop"] .desktop-user-filter-popover {
    position: absolute;
    top: calc(100% + 7px);
    right: 0;
    z-index: 30;
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr);
    gap: 10px;
    width: min(390px, calc(100vw - 56px));
    padding: 12px;
    border: 1px solid var(--theme-line);
    border-radius: 12px;
    background: var(--theme-surface);
    box-shadow: var(--theme-card-shadow);
  }

  html[data-runtime="browser-desktop"] .desktop-user-filter-popover[hidden] {
    display: none !important;
  }

  html[data-runtime="browser-desktop"] .desktop-user-filter-popover label {
    display: grid;
    gap: 5px;
    color: var(--theme-muted);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .2px;
  }

  html[data-runtime="browser-desktop"] .desktop-user-filter-reset {
    grid-column: 1 / -1;
    justify-self: end;
    min-height: 30px;
    padding: 0 13px;
    border: 1px solid var(--theme-line);
    border-radius: 8px;
    background: var(--theme-surface-soft);
    color: var(--theme-ink);
    font: inherit;
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
  }
}

@media (min-width:901px){
  html[data-runtime="browser-desktop"] .desktop-user-toolbar[hidden]{display:none!important}
  html[data-runtime="browser-desktop"] .desktop-user-search{padding-right:84px!important}
  html[data-runtime="browser-desktop"] .desktop-user-search-clear{
    position:absolute;right:42px;top:50%;z-index:4;transform:translateY(-50%);display:grid;place-items:center;
    width:34px;height:32px;margin:0;padding:0;border-radius:8px
  }
  html[data-runtime="browser-desktop"] .desktop-user-filter-trigger{right:6px}
}
@media (min-width: 901px) {
  html[data-runtime="browser-desktop"] .desktop-people-scope-root {
    display: grid;
    gap: 12px;
    min-width: 0;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-toolbar {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(280px, 1.3fr) auto;
    gap: 10px;
    align-items: end;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-toolbar :is(label, .desktop-people-scope-field) {
    display: grid;
    gap: 6px;
    min-width: 0;
    color: var(--theme-muted);
    font-size: 12px;
    font-weight: 800;
  }

  html[data-runtime="browser-desktop"] :is(
    .desktop-people-scope-toolbar select,
    .desktop-people-scope-multiselect-trigger,
    .desktop-people-scope-picker-search,
    #peopleScopeTreeSearch
  ) {
    width: 100%;
    min-height: var(--desktop-control-height, 42px);
    border: 1px solid var(--theme-line);
    border-radius: 10px;
    background: var(--theme-surface-soft);
    color: var(--theme-ink);
    padding: 0 10px;
    font: inherit;
    font-weight: 750;
  }

  html[data-runtime="browser-desktop"] :is(
    .desktop-people-scope-toolbar select,
    .desktop-people-scope-multiselect-trigger,
    .desktop-people-scope-picker-search,
    #peopleScopeTreeSearch
  ):focus-visible {
    outline: none;
    border-color: var(--theme-primary-line);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary-line) 24%, transparent);
  }

  html[data-runtime="browser-desktop"] #peopleScopeAssignBtn:disabled {
    cursor: not-allowed;
    opacity: .5;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-multiselect {
    position: relative;
    min-width: 0;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-multiselect-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-align: left;
    cursor: pointer;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-picker-panel {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    z-index: 12;
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--theme-line);
    border-radius: 12px;
    background: var(--theme-surface);
    box-shadow: var(--theme-card-shadow);
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-picker-panel[hidden],
  html[data-runtime="browser-desktop"] .desktop-people-scope-option[hidden] {
    display: none !important;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-picker-actions {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
  }

  html[data-runtime="browser-desktop"] :is(
    .desktop-people-scope-picker-actions,
    .desktop-people-scope-tree-toolbar
  ) button {
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid var(--theme-line);
    border-radius: 8px;
    background: var(--theme-surface-soft);
    color: var(--theme-ink);
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-options {
    display: grid;
    max-height: min(340px, 50vh);
    overflow: auto;
    border-top: 1px solid var(--theme-line);
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-option {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 7px 8px;
    border-bottom: 1px solid var(--theme-line);
    color: var(--theme-ink);
    cursor: pointer;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-option:hover,
  html[data-runtime="browser-desktop"] .desktop-people-scope-option:focus-within {
    background: var(--theme-primary-soft);
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-option.disabled {
    cursor: not-allowed;
    opacity: .55;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-option input {
    width: 17px;
    height: 17px;
    accent-color: var(--theme-primary);
  }

  html[data-runtime="browser-desktop"] :is(
    .desktop-people-scope-option > span,
    .desktop-people-scope-tree-identity,
    .desktop-people-scope-unassigned article span
  ) {
    display: grid;
    gap: 2px;
    min-width: 0;
  }

  html[data-runtime="browser-desktop"] :is(
    .desktop-people-scope-option,
    .desktop-people-scope-tree-identity,
    .desktop-people-scope-unassigned
  ) small {
    overflow: hidden;
    color: var(--theme-muted);
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 6px;
    border: 1px solid var(--theme-line);
    border-radius: 10px;
    background: var(--theme-surface-soft);
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-summary > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    flex: 1 1 auto;
    padding-left: 6px;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-summary span {
    color: var(--theme-muted);
    font-size: 12px;
    font-weight: 750;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-view-switch {
    display: flex;
    flex: 0 0 auto;
    gap: 3px;
    padding: 3px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--theme-line) 58%, transparent);
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-view-switch button {
    min-height: 30px;
    padding: 0 11px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--theme-muted);
    font: inherit;
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-view-switch button.active {
    background: var(--theme-surface);
    color: var(--theme-primary);
    box-shadow: 0 1px 3px color-mix(in srgb, var(--theme-ink) 12%, transparent);
  }

  html[data-runtime="browser-desktop"] :is(
    .desktop-people-scope-view-switch button,
    .desktop-people-scope-tree-toggle,
    .desktop-people-scope-tree-focus,
    .desktop-people-scope-tree-toolbar button
  ):focus-visible {
    outline: 2px solid var(--theme-primary-line);
    outline-offset: 2px;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-content {
    min-width: 0;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-list { display: grid; gap: 8px; }
  html[data-runtime="browser-desktop"] .desktop-people-scope-list article { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid var(--theme-line); border-radius: 10px; background: var(--theme-surface); }
  html[data-runtime="browser-desktop"] .desktop-people-scope-list article span { display: grid; gap: 2px; }
  html[data-runtime="browser-desktop"] .desktop-people-scope-list article small { color: var(--theme-muted); font-size: 11px; font-weight: 700; }
  html[data-runtime="browser-desktop"] .desktop-people-scope-list article button { min-height: 34px; padding: 0 12px; border: 1px solid var(--theme-line); border-radius: 8px; background: var(--theme-surface-soft); color: var(--theme-ink); font-weight: 800; cursor: pointer; }

  html[data-runtime="browser-desktop"] .desktop-people-scope-tree-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
  }

  html[data-runtime="browser-desktop"] #peopleScopeTreeSearch {
    max-width: 340px;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-tree-toolbar > div {
    display: flex;
    gap: 6px;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-tree-shell {
    display: grid;
    gap: 12px;
    min-width: 0;
  }

  html[data-runtime="browser-desktop"] :is(
    .desktop-people-scope-tree,
    .desktop-people-scope-tree ul
  ) {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-tree {
    display: grid;
    gap: 8px;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-tree-item > ul {
    margin-left: 16px;
    padding-left: 18px;
    border-left: 1px solid var(--theme-line);
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-tree-row {
    position: relative;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 6px 10px;
    border: 1px solid var(--theme-line);
    border-radius: 10px;
    background: var(--theme-surface);
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-tree-item > ul > li > .desktop-people-scope-tree-row::before {
    position: absolute;
    top: 50%;
    left: -19px;
    width: 18px;
    border-top: 1px solid var(--theme-line);
    content: "";
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-tree-item.selected > .desktop-people-scope-tree-row {
    border-color: var(--theme-primary-line);
    background: var(--theme-primary-soft);
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-tree-toggle,
  html[data-runtime="browser-desktop"] .desktop-people-scope-tree-toggle-spacer {
    width: 30px;
    height: 30px;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-tree-toggle {
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid var(--theme-line);
    border-radius: 8px;
    background: var(--theme-surface-soft);
    color: var(--theme-ink);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-tree-focus {
    display: block;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--theme-ink);
    font: inherit;
    text-align: left;
  }

  html[data-runtime="browser-desktop"] button.desktop-people-scope-tree-focus {
    cursor: pointer;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-tree-count {
    padding: 5px 8px;
    border-radius: 999px;
    background: var(--theme-surface-soft);
    white-space: nowrap;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-unassigned {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px dashed var(--theme-line);
    border-radius: 10px;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-unassigned > div {
    display: grid;
    gap: 6px;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-unassigned article {
    padding: 8px 10px;
    border-radius: 8px;
    background: var(--theme-surface-soft);
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  html[data-runtime="browser-desktop"] .desktop-people-scope-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  html[data-runtime="browser-desktop"] #peopleScopeAssignBtn {
    grid-column: 1 / -1;
    justify-self: end;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-summary {
    align-items: stretch;
    flex-direction: column;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-view-switch {
    align-self: flex-start;
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-tree-row {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  html[data-runtime="browser-desktop"] .desktop-people-scope-tree-count {
    grid-column: 2;
    justify-self: start;
  }
}
html[data-runtime="browser-desktop"] .desktop-support-session-result {
  padding: 10px 12px;
  border: 1px solid var(--theme-primary-line);
  border-radius: 11px;
  background: var(--theme-primary-soft);
}

html[data-runtime="browser-desktop"] .desktop-support-session-result[hidden] { display: none !important; }

html[data-runtime="browser-desktop"] #desktopSupportSessionRemaining {
  color: var(--theme-primary);
  font-size: 11px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

html[data-runtime="browser-desktop"] .desktop-support-code-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

html[data-runtime="browser-desktop"] .desktop-support-code-row > div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

html[data-runtime="browser-desktop"] .desktop-support-code-row b {
  font-size: 11px;
  white-space: nowrap;
}

html[data-runtime="browser-desktop"] #desktopSupportSessionCode {
  padding: 7px 10px;
  border: 1px solid var(--theme-line);
  border-radius: 9px;
  background: var(--theme-surface);
  color: var(--theme-ink);
  font-size: 22px;
  font-weight: 950;
  letter-spacing: .18em;
}