.global-capture-sheet {
  width: min(100%, 680px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  font-family: var(--font-system);
}

.global-capture-sheet::backdrop {
  backdrop-filter: none;
}

.global-capture-header {
  display: grid;
  grid-template-columns: var(--control-height) minmax(0, 1fr) auto;
  gap: var(--space-2);
  align-items: center;
}

.global-capture-header__actions {
  display: flex;
  gap: var(--space-2);
}

.global-capture-icon {
  display: inline-grid;
  width: var(--control-height);
  height: var(--control-height);
  padding: 0;
  place-items: center;
  color: var(--text-2);
  font: var(--font-weight-regular) var(--font-size-subscreen) / 1 var(--font-system);
  background: transparent;
  border: 0;
  border-radius: var(--radius-button);
}

.global-capture-icon[hidden] {
  display: none;
}

.global-capture-icon .bo-icon {
  width: var(--icon-size);
  height: var(--icon-size);
}

.global-capture-search {
  display: grid;
  gap: var(--space-2);
  min-height: 50dvh;
}

.global-capture-search[hidden] {
  display: none;
}

.global-capture-query {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  gap: var(--space-2);
  align-items: center;
  padding-bottom: var(--space-2);
  background: var(--card);
}

.global-capture-query > .bo-icon {
  width: var(--icon-size);
  height: var(--icon-size);
  color: var(--text-3);
}

.global-capture-query .ui-input {
  flex: 1;
}

.global-capture-search .ui-search-list__loading {
  visibility: hidden;
}

.command-results {
  display: grid;
}

.command-result {
  display: grid;
  grid-template-columns: var(--icon-size) minmax(0, 1fr) auto;
  gap: var(--space-3);
  align-items: center;
  min-height: var(--control-height);
  padding: var(--space-3) 0;
  color: var(--text);
  text-align: left;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--border);
}

.command-result > .bo-icon {
  width: var(--icon-size);
  height: var(--icon-size);
  color: var(--text-2);
}

.command-result strong,
.command-result small {
  display: block;
  font-weight: var(--font-weight-regular);
}

.command-result strong {
  font-size: var(--font-size-list);
}

.command-result small {
  margin-top: var(--space-1);
  color: var(--text-3);
  font-size: var(--font-size-label);
}

.command-result__value {
  color: var(--text-2);
  font: var(--font-weight-medium) var(--font-size-list) / 1.4 var(--font-system);
}

@media (max-width: 500px) {
  .global-capture-sheet {
    width: 100% !important;
  }
}