content.css

.gsf-badge {
  display: inline-flex;
  align-items: center;
  height: 20px;
  max-width: 100%;
  padding: 0 7px 1px;
  margin-right: 4px;
  border: 1px solid;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  text-decoration: none !important;
  color: var(--gsf-fg);
  background-color: var(--gsf-bg);
  border-color: var(--gsf-border);
}
.gsf-badge:hover {
  text-decoration: underline !important;
}
[data-gsf-color="RED"]    { --gsf-fg: var(--fgColor-danger);    --gsf-bg: var(--bgColor-danger-muted);    --gsf-border: var(--borderColor-danger-muted); }
[data-gsf-color="ORANGE"] { --gsf-fg: var(--fgColor-severe);    --gsf-bg: var(--bgColor-severe-muted);    --gsf-border: var(--borderColor-severe-muted); }
[data-gsf-color="YELLOW"] { --gsf-fg: var(--fgColor-attention); --gsf-bg: var(--bgColor-attention-muted); --gsf-border: var(--borderColor-attention-muted); }
[data-gsf-color="GREEN"]  { --gsf-fg: var(--fgColor-success);   --gsf-bg: var(--bgColor-success-muted);   --gsf-border: var(--borderColor-success-muted); }
[data-gsf-color="BLUE"]   { --gsf-fg: var(--fgColor-accent);    --gsf-bg: var(--bgColor-accent-muted);    --gsf-border: var(--borderColor-accent-muted); }
[data-gsf-color="PURPLE"] { --gsf-fg: var(--fgColor-done);      --gsf-bg: var(--bgColor-done-muted);      --gsf-border: var(--borderColor-done-muted); }
[data-gsf-color="PINK"]   { --gsf-fg: var(--fgColor-sponsors);  --gsf-bg: var(--bgColor-sponsors-muted);  --gsf-border: var(--borderColor-sponsors-muted); }
[data-gsf-color="GRAY"]   { --gsf-fg: var(--fgColor-muted);     --gsf-bg: var(--bgColor-neutral-muted);   --gsf-border: var(--borderColor-muted); }

.gsf-notice {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 16px 8px;
  padding: 6px 10px;
  border: 1px solid var(--borderColor-attention-muted);
  border-radius: 6px;
  background: var(--bgColor-attention-muted);
  color: var(--fgColor-default);
  font-size: 12px;
}
.gsf-notice button {
  border: 1px solid var(--borderColor-default);
  border-radius: 6px;
  background: var(--button-default-bgColor-rest, var(--bgColor-default));
  color: var(--fgColor-default);
  font-size: 12px;
  padding: 2px 8px;
  cursor: pointer;
}

/* Age badge and badges on project views */
.gsf-age {
  font-variant-numeric: tabular-nums;
  cursor: default;
}
.gsf-age:hover {
  text-decoration: none !important;
}
[role="rowheader"] > div > .gsf-badge {
  flex: 0 0 auto;
  margin: 0 0 0 6px;
}
.gsf-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
}
.gsf-badges .gsf-badge {
  margin-right: 0;
}

/* Pinned issues: header button (GitHub AppHeader style) and dropdown panel */
.gsf-pins-header-btn {
  position: relative;
  margin-left: 8px;
  color: var(--fgColor-muted, var(--color-fg-muted));
}
.gsf-pins-header-btn.gsf-open {
  background: var(--control-bgColor-active, var(--button-default-bgColor-active));
  color: var(--fgColor-default);
}
.gsf-pins-count {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 9999px;
  background: var(--bgColor-accent-emphasis, #0969da);
  color: var(--fgColor-onEmphasis, #fff);
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  pointer-events: none;
  box-sizing: border-box;
}
.gsf-pins-count[hidden] { display: none; }
.gsf-pins {
  font: 12px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
  color: var(--fgColor-default);
}
.gsf-pins[hidden] { display: none; }
/* Fallback trigger when GitHub's header is not on the page */
.gsf-pins-pill {
  display: none;
  position: fixed;
  top: 112px;
  right: 16px;
  z-index: 1000;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--button-default-borderColor-rest, var(--borderColor-default));
  border-radius: 6px;
  background: var(--button-default-bgColor-rest, var(--bgColor-default));
  color: var(--fgColor-muted);
  cursor: pointer;
}
.gsf-pins-pill:hover { background: var(--button-default-bgColor-hover, var(--bgColor-muted)); color: var(--fgColor-default); }
.gsf-pins[data-collapsed="true"][data-in-header="false"] .gsf-pins-pill { display: inline-flex; }
.gsf-pins[data-collapsed="true"] .gsf-pins-box { display: none; }
.gsf-pins-box {
  position: fixed;
  top: 112px;
  right: 16px;
  z-index: 1000;
  width: 320px;
  max-height: calc(100vh - 144px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--borderColor-default);
  border-radius: 12px;
  background: var(--overlay-bgColor, var(--bgColor-default));
  box-shadow: var(--shadow-floating-large, 0 8px 24px rgba(0, 0, 0, 0.2));
}
.gsf-pins-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 8px 12px;
  border-bottom: 1px solid var(--borderColor-muted);
}
.gsf-pins-title { font-weight: 600; font-size: 13px; }
.gsf-pins-icon {
  all: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  color: var(--fgColor-muted);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.gsf-pins-icon:hover { background: var(--bgColor-muted); color: var(--fgColor-default); }
.gsf-pins-current {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  padding: 8px 12px;
  border-bottom: 1px solid var(--borderColor-muted);
  background: var(--bgColor-muted);
  color: var(--fgColor-muted);
}
.gsf-pins-current code {
  font: 11px ui-monospace, SFMono-Regular, Menlo, monospace;
  color: var(--fgColor-default);
  background: var(--bgColor-neutral-muted);
  border-radius: 4px;
  padding: 1px 5px;
}
.gsf-pins-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
}
.gsf-pins-empty {
  padding: 12px;
  color: var(--fgColor-muted);
}
.gsf-pin {
  padding: 8px 12px;
  border-bottom: 1px solid var(--borderColor-muted);
}
.gsf-pin[data-closed="true"] .gsf-pin-title { text-decoration: line-through; color: var(--fgColor-muted); }
.gsf-pin-main {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.gsf-pin-main .gsf-badge { flex: 0 0 auto; margin-right: 0; }
.gsf-pin-title {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--fgColor-default);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}
.gsf-pin-title:hover { color: var(--fgColor-accent); text-decoration: underline; }
.gsf-pin-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
}
.gsf-pin-ref {
  color: var(--fgColor-muted);
  font: 11px ui-monospace, SFMono-Regular, Menlo, monospace;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gsf-pin-actions { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.gsf-pins button:not(.gsf-pins-icon):not(.gsf-pins-pill),
.gsf-pins-status button {
  border: 1px solid var(--button-default-borderColor-rest, var(--borderColor-default));
  border-radius: 6px;
  background: var(--button-default-bgColor-rest, var(--bgColor-default));
  color: var(--fgColor-default);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  font-family: inherit;
  padding: 4px 8px;
  cursor: pointer;
  white-space: nowrap;
}
.gsf-pins button:not(.gsf-pins-icon):not(.gsf-pins-pill):hover:not(:disabled) {
  background: var(--button-default-bgColor-hover, var(--bgColor-muted));
}
.gsf-pins button:disabled { opacity: 0.5; cursor: not-allowed; }
.gsf-pins button.gsf-pin-link:not(:disabled) {
  background: var(--button-primary-bgColor-rest, #1f883d);
  border-color: var(--button-primary-borderColor-rest, rgba(31, 35, 40, 0.15));
  color: var(--button-primary-fgColor-rest, #fff);
}
.gsf-pins button.gsf-pin-link:not(:disabled):hover {
  background: var(--button-primary-bgColor-hover, #1a7f37);
}
.gsf-pins-form {
  display: flex;
  gap: 6px;
  padding: 8px 12px;
}
.gsf-pins-form input {
  flex: 1 1 auto;
  min-width: 0;
  height: 28px;
  padding: 0 8px;
  border: 1px solid var(--borderColor-default);
  border-radius: 6px;
  background: var(--bgColor-default);
  color: var(--fgColor-default);
  font-size: 12px;
  font-family: inherit;
}
.gsf-pins-form input:focus {
  outline: none;
  border-color: var(--borderColor-accent-emphasis, var(--fgColor-accent));
  box-shadow: 0 0 0 3px var(--focus-outlineColor, rgba(9, 105, 218, 0.3));
}
.gsf-pins-status {
  display: none;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  padding: 6px 12px 8px;
  color: var(--fgColor-muted);
}
.gsf-pins-status.ok, .gsf-pins-status.err { display: flex; }
.gsf-pins-status.ok { color: var(--fgColor-success); }
.gsf-pins-status.err { color: var(--fgColor-danger); }
.gsf-pins-header-btn.gsf-has-error::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bgColor-danger-emphasis, #cf222e);
  pointer-events: none;
}

/* Pull request list badges sit among GitHub's labels */
[class*="trailingBadgesContainer"] > .gsf-badge.gsf-pr {
  margin: 0 0 0 4px;
  vertical-align: middle;
}
.gsf-badge.gsf-pr {
  cursor: default;
}

/* Pull request size badge: green additions, red deletions */
.gsf-badge.gsf-size { font-variant-numeric: tabular-nums; gap: 0.35em; }
.gsf-badge .gsf-add { color: var(--fgColor-success); }
.gsf-badge .gsf-del { color: var(--fgColor-danger); }

/* Epic kanban: the sub-issues of an issue as a board */
.gsf-kanban-hidden { display: none !important; }
.gsf-kanban-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 16px 10px;
  font: 12px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
  color: var(--fgColor-muted);
}
.gsf-kanban-toggle { display: inline-flex; }
.gsf-kanban-bar button {
  border: 1px solid var(--button-default-borderColor-rest, var(--borderColor-default));
  border-radius: 6px;
  background: var(--button-default-bgColor-rest, var(--bgColor-default));
  color: var(--fgColor-default);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  font-family: inherit;
  padding: 5px 10px;
  cursor: pointer;
}
.gsf-kanban-bar button:hover { background: var(--button-default-bgColor-hover, var(--bgColor-muted)); }
.gsf-kanban-toggle button:first-child { border-radius: 6px 0 0 6px; }
.gsf-kanban-toggle button:last-child { border-radius: 0 6px 6px 0; margin-left: -1px; }
.gsf-kanban-toggle button[data-active="true"] {
  background: var(--control-bgColor-active, var(--bgColor-neutral-muted));
  font-weight: 600;
}
.gsf-kanban-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.gsf-kanban-controls[hidden] { display: none; }
.gsf-kanban-field {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.gsf-kanban-select {
  max-width: 180px;
  height: 26px;
  padding: 0 4px;
  border: 1px solid var(--borderColor-default);
  border-radius: 6px;
  background: var(--bgColor-default);
  color: var(--fgColor-default);
  font-size: 12px;
  font-family: inherit;
}
.gsf-kanban-bar .gsf-kanban-dir {
  width: 26px;
  padding: 0;
  line-height: 24px;
}
.gsf-kanban-select[hidden] { display: none; }
.gsf-kanban-check { gap: 6px; cursor: pointer; }
.gsf-kanban-check input { margin: 0; }
.gsf-kanban-note { color: var(--fgColor-muted); }
.gsf-kanban-note[data-error="true"] { color: var(--fgColor-danger); }
.gsf-kanban-hint { color: var(--fgColor-muted); }
.gsf-kanban-status { margin-left: auto; }
.gsf-kanban {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  overflow-x: auto;
  padding: 0 16px 12px;
  font: 12px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
}
.gsf-kanban-message {
  margin: 0;
  padding: 8px 16px 16px;
  color: var(--fgColor-muted);
  font-size: 12px;
}
.gsf-kanban-col {
  display: flex;
  flex-direction: column;
  flex: 0 0 240px;
  max-height: 70vh;
  border: 1px solid var(--borderColor-muted);
  border-radius: 8px;
  background: var(--bgColor-muted, var(--bgColor-inset));
}
.gsf-kanban-col-head {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--borderColor-muted);
}
.gsf-kanban-dot {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--gsf-fg, var(--fgColor-muted));
}
.gsf-kanban-col-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--fgColor-default);
  font-weight: 600;
}
.gsf-kanban-count {
  flex: 0 0 auto;
  padding: 0 6px;
  border-radius: 9999px;
  background: var(--bgColor-neutral-muted);
  color: var(--fgColor-muted);
  font-variant-numeric: tabular-nums;
}
.gsf-kanban-cards {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  overflow-y: auto;
}
.gsf-kanban-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--borderColor-default);
  border-radius: 6px;
  background: var(--bgColor-default);
  color: var(--fgColor-default);
  text-decoration: none !important;
}
.gsf-kanban-card:hover { border-color: var(--borderColor-accent-emphasis, var(--fgColor-accent)); }
.gsf-kanban-card[draggable="true"] { cursor: grab; }
.gsf-kanban-card[draggable="true"]:active { cursor: grabbing; }
.gsf-kanban-card.gsf-dragging { opacity: 0.4; }
.gsf-kanban-col.gsf-over {
  border-color: var(--borderColor-accent-emphasis, var(--fgColor-accent));
  box-shadow: inset 0 0 0 1px var(--borderColor-accent-emphasis, var(--fgColor-accent));
}
.gsf-kanban-card-head {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--fgColor-muted);
  font: 11px ui-monospace, SFMono-Regular, Menlo, monospace;
}
.gsf-kanban-state {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  fill: var(--fgColor-success);
}
.gsf-kanban-state[data-state="closed"] { fill: var(--fgColor-done); }
.gsf-kanban-state[data-state="skipped"] { fill: var(--fgColor-muted); }
.gsf-kanban-ref {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gsf-kanban-assignees { display: inline-flex; flex: 0 0 auto; }
.gsf-kanban-avatar {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--bgColor-default);
}
.gsf-kanban-avatar + .gsf-kanban-avatar { margin-left: -4px; }
.gsf-kanban-title {
  color: var(--fgColor-default);
  font-size: 12px;
  font-weight: 500;
}
.gsf-kanban-card:hover .gsf-kanban-title { color: var(--fgColor-accent); }
.gsf-kanban-card[data-closed="true"] .gsf-kanban-title {
  color: var(--fgColor-muted);
  text-decoration: line-through;
}
.gsf-kanban-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.gsf-kanban-badges .gsf-badge { margin-right: 0; }
.gsf-kanban-card:hover .gsf-badge { text-decoration: none !important; }

/* Issue sidebar: the rail holding the collapse button, and the hidden metadata column */
.gsf-sidebar-hidden { display: none !important; }
.gsf-hide-projects [data-testid="sidebar-projects-section"] { display: none !important; }
.gsf-sidebar-rail {
  flex: 0 0 auto;
  align-self: stretch;
  width: 24px;
  /* Sit in the gutter GitHub already leaves between the issue and its sidebar, rather than widening it. */
  margin-left: calc(-1 * var(--stack-gap-spacious, 24px));
}
.gsf-sidebar-toggle {
  position: sticky;
  top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 6px;
  background: none;
  color: var(--fgColor-muted);
  cursor: pointer;
}
.gsf-sidebar-toggle:hover {
  border-color: var(--borderColor-default);
  background: var(--button-default-bgColor-hover, var(--bgColor-muted));
  color: var(--fgColor-default);
}
.gsf-sidebar-chevron {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

/* Contributor load: the mark next to a username and the card it opens */
.gsf-load {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 5px;
  text-decoration: none !important;
  border: 0;
  transition: transform 0.12s ease;
}
.gsf-load:hover {
  transform: scale(1.25);
}
.gsf-load-dot {
  width: 6px;
  height: 6px;
  position: relative;
  top: -1px;
  padding: 0;
  border-radius: 50%;
  font-size: 0;
}
/* Nothing assigned: an outline, because an empty slot is the quiet case. */
.gsf-load-dot[data-state="free"] {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--fgColor-muted);
  opacity: 0.45;
}
/* At the limit: filled, but still only a dot, since no decision is needed. */
.gsf-load-dot[data-state="at"] {
  background: var(--fgColor-success);
  opacity: 0.75;
}
.gsf-load-dot[data-state="err"] {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--fgColor-danger);
}
/* Over the limit: the digits carry how far over, the colour only says that it is over. */
.gsf-load-count {
  padding: 0 6px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 600;
  line-height: 17px;
  font-variant-numeric: tabular-nums;
  color: var(--fgColor-attention);
  background: var(--bgColor-attention-muted);
}
/* Over the limit with nothing pushed for any of it, which is the case worth acting on. */
.gsf-load-count[data-idle] {
  color: var(--fgColor-onEmphasis);
  background: var(--bgColor-attention-emphasis);
}

.gsf-load-card {
  position: fixed;
  z-index: 2147483000;
  box-sizing: border-box;
  width: 310px;
  padding: 10px;
  border: 1px solid var(--borderColor-default);
  border-radius: 10px;
  background: var(--overlay-bgColor, var(--bgColor-default));
  box-shadow: var(--shadow-floating-small, 0 8px 24px rgba(0, 0, 0, 0.3));
  color: var(--fgColor-default);
  font-size: 12.5px;
  line-height: 1.45;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-2px);
  transition: opacity 0.13s ease, transform 0.13s ease;
}
.gsf-load-card[data-open] {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}
.gsf-load-head {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 2px 2px 9px 4px;
  margin-bottom: 7px;
  border-bottom: 1px solid var(--borderColor-muted);
}
/* A long login must give way rather than push the counts and the refresh button off the card. */
.gsf-load-name {
  min-width: 0;
  overflow: hidden;
  font-size: 13px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gsf-load-stats {
  flex: none;
  margin-left: auto;
  font-size: 11.5px;
  color: var(--fgColor-muted);
  white-space: nowrap;
}
.gsf-load-stats a {
  color: inherit !important;
  text-decoration: none !important;
}
.gsf-load-stats a:hover {
  color: var(--fgColor-default) !important;
}
.gsf-load-stats b {
  font-weight: 600;
  color: var(--fgColor-default);
}
.gsf-load-stats a.gsf-load-none b {
  color: var(--fgColor-attention);
}
.gsf-load-refresh {
  display: grid;
  flex: none;
  place-items: center;
  width: 20px;
  height: 20px;
  margin: -2px 0;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: none;
  color: var(--fgColor-muted);
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
}
.gsf-load-refresh:hover {
  background: var(--bgColor-neutral-muted);
  color: var(--fgColor-default);
}
.gsf-load-card[data-busy] .gsf-load-refresh svg {
  animation: gsf-load-spin 0.7s linear infinite;
}
.gsf-load-card[data-busy] .gsf-load-list,
.gsf-load-card[data-busy] .gsf-load-stats {
  opacity: 0.45;
}
@keyframes gsf-load-spin {
  to { transform: rotate(360deg); }
}

/* The whole list is here rather than a link out, so it scrolls instead of growing past the viewport. */
.gsf-load-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  max-height: 272px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--borderColor-default) transparent;
}
.gsf-load-list::-webkit-scrollbar {
  width: 8px;
}
.gsf-load-list::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 9999px;
  background: var(--borderColor-default);
  background-clip: content-box;
}
.gsf-load-list::-webkit-scrollbar-thumb:hover {
  background: var(--fgColor-muted);
  background-clip: content-box;
}
.gsf-load-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px 7px;
  border-radius: 6px;
  transition: background 0.1s;
}
.gsf-load-row:hover {
  background: var(--bgColor-neutral-muted);
}
.gsf-load-meta {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}
.gsf-load-ref {
  font-family: var(--fontStack-monospace, ui-monospace, monospace);
  font-size: 10.5px;
  font-weight: 500;
  color: var(--fgColor-muted);
  white-space: nowrap;
}
/* Nothing is in flight for this one, so its reference stays at full strength. */
.gsf-load-row:not([data-linked]) .gsf-load-ref {
  color: var(--fgColor-default);
}
.gsf-load-pr {
  flex: none;
  padding: 0 5px;
  border: 1px solid var(--borderColor-success-muted);
  border-radius: 9999px;
  font-family: var(--fontStack-monospace, ui-monospace, monospace);
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  white-space: nowrap;
  color: var(--fgColor-success) !important;
  text-decoration: none !important;
}
.gsf-load-pr:hover {
  background: var(--bgColor-success-muted);
}
.gsf-load-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12.5px;
  line-height: 1.35;
  color: inherit !important;
  text-decoration: none !important;
}
.gsf-load-title:hover {
  text-decoration: underline !important;
}
.gsf-load-empty {
  padding: 8px 7px 4px;
  font-size: 12.5px;
  color: var(--fgColor-muted);
}
.gsf-load-more {
  display: block;
  margin-top: 4px;
  padding: 6px 7px;
  border-radius: 6px;
  font-size: 11.5px;
  color: var(--fgColor-muted) !important;
  text-decoration: none !important;
}
.gsf-load-more:hover {
  background: var(--bgColor-neutral-muted);
  color: var(--fgColor-default) !important;
}

/* Scoped sub-issue progress: the bar that stands in for GitHub's own in the group headers of a grouped table.
   The scope is shown as tags and nothing is cut: GitHub sizes the box around its own, shorter, text, so the box is
   let grow and the group header, which clips what does not fit, lets the label run on past its edge. */
[data-gsf-native] {
  display: none !important;
}
.gsf-progress {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  color: var(--fgColor-muted, var(--color-fg-muted));
}
div:has(> .gsf-progress) {
  width: auto !important;
  flex: 0 0 auto !important;
}
[role="row"]:has(.gsf-progress) [class*="groupHeader"] {
  overflow: visible !important;
}
.gsf-progress-bar {
  flex: 0 0 auto;
  width: 64px;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  background: var(--bgColor-neutral-muted, var(--color-neutral-muted));
}
.gsf-progress-bar > i {
  display: block;
  height: 100%;
  background: var(--fgColor-done, var(--color-done-fg));
}
.gsf-progress-num {
  font-weight: 500;
  color: var(--fgColor-default, var(--color-fg-default));
}
.gsf-progress-pct {
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
}
.gsf-progress-chip {
  flex: 0 0 auto;
  padding: 0 7px;
  border-radius: 9999px;
  font-size: 11px;
  line-height: 18px;
  color: var(--fgColor-accent, var(--color-accent-fg));
  background: var(--bgColor-accent-muted, var(--color-accent-subtle));
}