.item-action-button {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 34px;
  min-width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 6px
}

.item-action-button svg {
  display: block;
  width: 18px;
  height: 18px
}

.item-action-button.primary {
  background: var(--section-accent, var(--accent));
  border-color: var(--section-accent, var(--accent));
  color: #11140f
}

.item-action-button.secondary {
  background: #141a21;
  border-color: #333e49;
  color: #d8dfe7
}

.item-action-button.secondary:hover {
  background: #252e38;
  border-color: #53616f
}

.item-action-button.item-delete-btn {
  background: #2a171b;
  border-color: #553039;
  color: #ff9aa4
}

.item-action-button.item-delete-btn:hover {
  background: #3a1d23;
  border-color: #78424d
}

.item-action-button:focus-visible {
  outline: 2px solid var(--section-accent, var(--accent));
  outline-offset: 2px
}

.item-action-button:disabled {
  opacity: .45;
  cursor: default
}

.detail-actions {
  align-items: center
}

.detail-head:has(.item-action-button) {
  flex-wrap: wrap;
  gap: 12px
}

.detail-head:has(.item-action-button) .detail-title {
  min-width: 0;
  flex: 1 1 200px
}

.detail-head:has(.item-action-button) .detail-title h2 {
  overflow-wrap: anywhere
}

.detail-head:has(.item-action-button) .detail-actions {
  margin-left: auto;
  flex-shrink: 0
}

.command-sheet-row {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) 128px !important
}

.command-sheet-command code {
  min-width: 0;
  overflow-wrap: anywhere
}

.command-hero pre {
  padding-right: 0;
  padding-top: 0
}

.is-list .workspace-catalog-item {
  grid-template-columns: minmax(140px, 1fr) minmax(0, 1.2fr) minmax(90px, .7fr) 114px
}

.is-list .workspace-item-actions {
  grid-column: 4;
  grid-row: 1;
  margin: 0
}

.protocol-row-actions .item-action-button {
  width: 32px;
  min-width: 32px;
  height: 32px
}

.protocol-card .item-action-button.primary {
  background: var(--protocol);
  border-color: var(--protocol);
  color: #211a08
}

.protocol-card .item-action-button.item-delete-btn {
  background: #2a171b;
  border-color: #553039;
  color: #ff9aa4
}

.protocol-card .item-action-button.item-delete-btn:hover {
  background: #3a1d23;
  border-color: #78424d
}

.protocol-table col:nth-child(5) {
  width: 128px
}

@container workspace-pane (max-width:600px) {
  .is-list .workspace-catalog-item {
    grid-template-columns: minmax(0, 1fr)
  }

  .is-list .workspace-item-actions {
    grid-column: 1;
    grid-row: auto
  }
}

@container protocol-pane (max-width:760px) {
  .protocol-table tr {
    grid-template-columns: 52px minmax(0, 1fr) 104px
  }
}

@media(max-width:900px) {
  .command-sheet-row {
    grid-template-columns: minmax(0, 1fr) 128px !important
  }
}

@media(max-width:760px) {
  .is-list .workspace-catalog-item {
    grid-template-columns: minmax(0, 1fr)
  }

  .is-list .workspace-item-actions {
    grid-column: 1;
    grid-row: auto
  }

  .protocol-table tr {
    grid-template-columns: 52px minmax(0, 1fr) 104px
  }
}