@volter/twin-github 0.1.1 → 2.0.0

package/dist/client/github-mirror.css

@@ -0,0 +1,916 @@
+:root {
+  color-scheme: light;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  background: #fff;
+  color: #1f2328;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  background: #fff;
+}
+
+button {
+  font: inherit;
+  cursor: pointer;
+}
+
+.count,
+.Counter {
+  display: inline-block;
+  min-width: 20px;
+  padding: 0 6px;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 18px;
+  text-align: center;
+  color: #1f2328;
+  background: rgba(175, 184, 193, 0.2);
+  border: 1px solid transparent;
+  border-radius: 2em;
+}
+
+.content {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 24px 32px 40px;
+}
+
+.toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 16px;
+  margin-bottom: 12px;
+}
+
+.pr-filter {
+  flex: 1;
+  border: 1px solid #d0d7de;
+  border-radius: 6px;
+  height: 34px;
+  padding: 0 12px;
+  color: #24292f;
+  background: #fff;
+}
+
+.new-pr {
+  border: 1px solid rgba(31, 35, 40, .15);
+  border-radius: 6px;
+  background: #1f883d;
+  color: #fff;
+  height: 34px;
+  padding: 0 12px;
+  font-weight: 600;
+}
+
+.list-box {
+  border: 1px solid #d0d7de;
+  border-radius: 6px;
+  overflow: auto;
+  background: #fff;
+  max-height: calc(100vh - 248px);
+  position: sticky;
+  top: 16px;
+}
+
+.list-head {
+  min-height: 48px;
+  background: #f6f8fa;
+  border-bottom: 1px solid #d0d7de;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+  color: #57606a;
+  font-size: 14px;
+}
+
+.list-head strong {
+  color: #24292f;
+}
+
+.pr-row {
+  width: 100%;
+  border: 0;
+  border-bottom: 1px solid #d8dee4;
+  background: #fff;
+  display: grid;
+  grid-template-columns: 24px minmax(0, 1fr) auto;
+  gap: 10px;
+  text-align: left;
+  padding: 12px 16px;
+}
+
+.pr-row:last-child {
+  border-bottom: 0;
+}
+
+.pr-row:hover,
+.pr-row.active {
+  background: #f6f8fa;
+}
+
+.status-icon {
+  color: #1a7f37;
+  font-weight: 900;
+  font-size: 18px;
+  line-height: 22px;
+}
+
+.status-icon.closed {
+  color: #8250df;
+}
+
+.pr-title {
+  color: #24292f;
+  font-weight: 600;
+  line-height: 1.35;
+}
+
+.pr-title:hover {
+  color: #0969da;
+}
+
+.pr-meta {
+  margin-top: 3px;
+  color: #57606a;
+  font-size: 12px;
+}
+
+.labels {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+}
+
+.label {
+  border-radius: 999px;
+  padding: 1px 7px;
+  font-size: 12px;
+  font-weight: 600;
+  background: #ddf4ff;
+  color: #0969da;
+}
+
+.approved {
+  background: #dafbe1;
+  color: #1a7f37;
+}
+
+.split {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 320px;
+  gap: 24px;
+  align-items: start;
+}
+
+.split > main {
+  min-width: 0;
+}
+
+.conversation {
+  margin-top: 0;
+  display: grid;
+  gap: 16px;
+  min-width: 0;
+}
+
+.conversation h2 {
+  margin: 0 0 8px;
+  font-size: 26px;
+  font-weight: 400;
+  line-height: 1.25;
+}
+
+.conversation h2 span {
+  color: #57606a;
+}
+
+.state-line {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  color: #57606a;
+  font-size: 14px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid #d0d7de;
+  flex-wrap: wrap;
+}
+
+.state-badge {
+  border-radius: 999px;
+  background: #1a7f37;
+  color: white;
+  font-weight: 700;
+  padding: 4px 10px;
+  font-size: 12px;
+  text-transform: capitalize;
+}
+
+.state-badge.open { background: #1a7f37; }
+.state-badge.closed { background: #cf222e; }
+.state-badge.merged { background: #8250df; }
+
+.meta-row {
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.label.assignee {
+  background: #fff8c5;
+  color: #7d4e00;
+}
+
+.label.milestone {
+  background: #eef2ff;
+  color: #4338ca;
+}
+
+.label.requested {
+  background: #fff1e5;
+  color: #9a3412;
+}
+
+.ci-status {
+  font-weight: 900;
+  font-size: 14px;
+  line-height: 1;
+}
+
+.ci-status.success { color: #1a7f37; }
+.ci-status.failure { color: #cf222e; }
+.ci-status.pending { color: #9a6700; }
+
+
+.linked-issues {
+  margin-top: 4px;
+  font-size: 12px;
+  color: #57606a;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  align-items: center;
+}
+
+.linked-ref {
+  color: #0969da;
+  text-decoration: none;
+  font-weight: 600;
+}
+
+.linked-ref:hover {
+  text-decoration: underline;
+}
+
+.issue-row {
+  cursor: default;
+}
+
+.status-icon.open {
+  color: #1a7f37;
+}
+
+.timeline-item {
+  display: grid;
+  grid-template-columns: 40px minmax(0, 1fr);
+  gap: 10px;
+}
+
+.comment,
+.review-card {
+  border: 1px solid #d0d7de;
+  border-radius: 6px;
+  background: #fff;
+  overflow: hidden;
+}
+
+.comment-head,
+.review-head {
+  background: #f6f8fa;
+  border-bottom: 1px solid #d0d7de;
+  min-height: 40px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 0 12px;
+  font-size: 14px;
+}
+
+.comment-body {
+  padding: 14px;
+  white-space: pre-wrap;
+  line-height: 1.45;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 12px;
+  color: #24292f;
+}
+
+
+.snapshot-section {
+  display: grid;
+  gap: 10px;
+}
+
+.snapshot-section h3 {
+  margin: 4px 0;
+  font-size: 16px;
+}
+
+.sidebar {
+  display: grid;
+  gap: 18px;
+}
+
+.branch {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  background: #ddf4ff;
+  color: #0969da;
+  border-radius: 6px;
+  padding: 3px 6px;
+  font-size: 12px;
+  word-break: break-all;
+}
+
+a.branch {
+  text-decoration: none;
+}
+
+a.branch:hover {
+  text-decoration: underline;
+}
+
+.sha {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 12px;
+  color: #57606a;
+  word-break: break-all;
+}
+
+.empty,
+.error {
+  color: #57606a;
+  padding: 22px;
+}
+
+.error {
+  background: #ffebe9;
+  color: #cf222e;
+  border-radius: 6px;
+  margin-bottom: 16px;
+}
+
+@media (max-width: 980px) {
+  .split {
+    grid-template-columns: 1fr;
+  }
+
+  .split > main {
+    grid-template-columns: 1fr;
+  }
+
+  .list-box {
+    max-height: 42vh;
+    position: static;
+  }
+
+  .sidebar {
+    display: none;
+  }
+
+  .content {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+}
+
+/* --- Actions (workflows + runs + jobs) view ------------------------------------- */
+.actions-view {
+  display: grid;
+  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
+  gap: 18px;
+}
+
+.actions-box .run-row {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 10px;
+  width: 100%;
+  text-align: left;
+  padding: 12px 14px;
+  border: 0;
+  border-bottom: 1px solid #d8dee4;
+  background: transparent;
+  cursor: pointer;
+  align-items: center;
+}
+
+.actions-box .run-row:last-child { border-bottom: 0; }
+.actions-box .run-row:hover,
+.actions-box .run-row.active { background: #f6f8fa; }
+
+.run-title {
+  display: block;
+  font-weight: 600;
+  color: #0969da;
+}
+
+.run-meta {
+  font-size: 12px;
+  color: #57606a;
+}
+
+.run-badge {
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+  font-size: 12px;
+  font-weight: 600;
+  padding: 1px 6px;
+  border-radius: 999px;
+  white-space: nowrap;
+}
+
+.run-badge.success { color: #1a7f37; }
+.run-badge.failure { color: #cf222e; }
+.run-badge.cancelled { color: #57606a; }
+.run-badge.queued,
+.run-badge.in_progress { color: #9a6700; }
+
+.run-detail h2 span { color: #57606a; font-weight: 400; }
+
+.job-list {
+  display: grid;
+  gap: 12px;
+}
+
+.job-row {
+  border: 1px solid #d0d7de;
+  border-radius: 6px;
+  padding: 10px 12px;
+}
+
+.job-head {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  font-size: 14px;
+}
+
+.step-list {
+  margin: 8px 0 0;
+  padding-left: 18px;
+  display: grid;
+  gap: 4px;
+  font-size: 12px;
+  color: #57606a;
+}
+
+@media (max-width: 900px) {
+  .actions-view { grid-template-columns: 1fr; }
+}
+
+/* --- Releases (releases + assets + tags) view ----------------------------------- */
+.releases-view {
+  display: grid;
+  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
+  gap: 18px;
+}
+
+.releases-box .release-row {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  gap: 10px;
+  width: 100%;
+  text-align: left;
+  padding: 12px 14px;
+  border: 0;
+  border-bottom: 1px solid #d8dee4;
+  background: transparent;
+  cursor: pointer;
+  align-items: center;
+}
+
+.releases-box .release-row:last-child { border-bottom: 0; }
+.releases-box .release-row:hover,
+.releases-box .release-row.active { background: #f6f8fa; }
+
+.release-tag { font-size: 12px; color: #57606a; white-space: nowrap; }
+
+.release-title {
+  display: block;
+  font-weight: 600;
+  color: #0969da;
+}
+
+.release-meta {
+  font-size: 12px;
+  color: #57606a;
+}
+
+.release-badge {
+  display: inline-flex;
+  align-items: center;
+  font-size: 12px;
+  font-weight: 600;
+  padding: 1px 8px;
+  border-radius: 999px;
+  white-space: nowrap;
+  border: 1px solid transparent;
+}
+
+.release-badge.release { color: #1a7f37; border-color: #1a7f3744; }
+.release-badge.prerelease { color: #9a6700; border-color: #9a670044; }
+.release-badge.draft { color: #57606a; border-color: #57606a44; }
+
+.release-detail h2 span { color: #57606a; font-weight: 400; }
+
+.asset-list {
+  display: grid;
+  gap: 6px;
+}
+
+.asset-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto auto;
+  gap: 10px;
+  align-items: center;
+  border: 1px solid #d0d7de;
+  border-radius: 6px;
+  padding: 8px 12px;
+  font-size: 12px;
+}
+
+.asset-name { color: #0969da; }
+.asset-type { color: #57606a; }
+.asset-size, .asset-downloads { color: #57606a; white-space: nowrap; }
+
+@media (max-width: 900px) {
+  .releases-view { grid-template-columns: 1fr; }
+}
+
+/* --- Discussions view ------------------------------------------------------------ */
+.discussions-view {
+  display: grid;
+  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
+  gap: 18px;
+}
+
+.discussions-box .discussion-row {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  gap: 10px;
+  width: 100%;
+  text-align: left;
+  padding: 12px 14px;
+  border: 0;
+  border-bottom: 1px solid #d8dee4;
+  background: transparent;
+  cursor: pointer;
+  align-items: center;
+}
+
+.discussions-box .discussion-row:last-child { border-bottom: 0; }
+.discussions-box .discussion-row:hover,
+.discussions-box .discussion-row.active { background: #f6f8fa; }
+
+.discussion-title { display: block; font-weight: 600; color: #0969da; }
+.discussion-meta { font-size: 12px; color: #57606a; }
+
+.discussion-category {
+  display: inline-flex;
+  align-items: center;
+  font-size: 12px;
+  font-weight: 600;
+  padding: 1px 8px;
+  border-radius: 999px;
+  white-space: nowrap;
+  border: 1px solid #d0d7de;
+  color: #57606a;
+}
+.discussion-category.answerable { color: #0969da; border-color: #0969da44; }
+
+.answer-badge {
+  display: inline-flex;
+  align-items: center;
+  font-size: 12px;
+  font-weight: 600;
+  padding: 1px 8px;
+  border-radius: 999px;
+  white-space: nowrap;
+  border: 1px solid transparent;
+}
+.answer-badge.answered { color: #1a7f37; border-color: #1a7f3744; }
+.answer-badge.unanswered { color: #9a6700; border-color: #9a670044; }
+
+.discussion-detail h2 span { color: #57606a; font-weight: 400; }
+
+.comment-thread { display: grid; gap: 8px; }
+.thread-comment {
+  border: 1px solid #d0d7de;
+  border-radius: 6px;
+  padding: 8px 12px;
+  font-size: 13px;
+}
+.thread-comment.reply { margin-left: 22px; border-left: 3px solid #d0d7de; }
+.thread-comment.is-answer { border-color: #1a7f3766; background: #dafbe11a; }
+.accepted-answer { border: 1px solid #1a7f3766; background: #dafbe11a; border-radius: 6px; padding: 8px 12px; }
+.answer-highlight { margin-top: 4px; }
+
+@media (max-width: 900px) {
+  .discussions-view { grid-template-columns: 1fr; }
+}
+
+/* Deployments / Environments view */
+.deployments-view { display: flex; flex-direction: column; gap: 16px; }
+.deployments-view h3 { margin: 0 0 8px; font-size: 14px; }
+.environments-list { border: 1px solid #d0d7de; border-radius: 6px; padding: 12px; }
+.environment-row { display: flex; gap: 10px; align-items: center; padding: 6px 0; border-bottom: 1px solid #eaeef2; }
+.environment-row:last-child { border-bottom: none; }
+.environment-name { min-width: 140px; }
+.environment-protected { background: #ddf4ff; color: #0969da; }
+.deployments-list { border: 1px solid #d0d7de; border-radius: 6px; padding: 12px; }
+.deployment-row { display: flex; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid #eaeef2; }
+.deployment-row:last-child { border-bottom: none; }
+.deployment-ref { flex: 1; }
+.deployment-meta { color: #57606a; font-size: 12px; margin-top: 2px; }
+.deployment-state {
+  display: inline-flex; font-size: 12px; font-weight: 600; padding: 1px 8px; border-radius: 999px; white-space: nowrap; color: #fff;
+}
+.deployment-state.success { background: #1a7f37; }
+.deployment-state.failure { background: #cf222e; }
+.deployment-state.pending { background: #9a6700; }
+.deployment-state.inactive { background: #57606a; }
+.deployment-env { background: #f6f8fa; color: #24292f; }
+
+/* ── The pull-request workspace: GitHub's header, list page and pull request page ───────────────────────── */
+.gh-app { min-height: 100vh; background: #fff; }
+.gh-app a { color: #0969da; text-decoration: none; }
+.gh-app a:hover { text-decoration: underline; }
+.octicon { display: inline-block; vertical-align: text-bottom; flex: none; overflow: visible; }
+.gh-avatar { display: inline-block; border-radius: 50%; overflow: hidden; vertical-align: middle; flex: none; box-shadow: 0 0 0 1px rgba(31, 35, 40, 0.15); background: #fff; }
+.gh-muted { color: #59636e; }
+.gh-spacer { flex: 1; }
+.gh-app code, .gh-sha, .gh-commit-ref, .gh-file-name, .gh-diff-table { font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; }
+
+.gh-header { background: #f6f8fa; box-shadow: inset 0 -1px 0 #d1d9e0; padding: 16px 16px 0; }
+.gh-globalbar { display: flex; align-items: center; gap: 8px; height: 32px; margin-bottom: 8px; }
+.gh-logo { color: #1f2328 !important; display: inline-flex; margin: 0 4px 0 4px; }
+.gh-context { display: flex; align-items: center; gap: 2px; font-size: 14px; line-height: 1.5; }
+.gh-context a { color: #1f2328 !important; padding: 0 6px; border-radius: 6px; line-height: 32px; }
+.gh-context a:hover { background: rgba(129, 139, 152, 0.15); text-decoration: none !important; }
+.gh-context strong { font-weight: 600; }
+.gh-context-sep { color: #59636e; }
+.gh-iconbtn { display: inline-flex; align-items: center; justify-content: center; gap: 2px; height: 32px; min-width: 32px; padding: 0 7px; border: 1px solid #d1d9e0; border-radius: 6px; background: transparent; color: #59636e; }
+.gh-iconbtn:hover { background: rgba(129, 139, 152, 0.15); }
+.gh-iconbtn-sm { height: 28px; min-width: 28px; border-color: transparent; padding: 0 6px; }
+.gh-search { display: inline-flex; align-items: center; gap: 8px; width: 272px; height: 32px; padding: 0 8px; border: 1px solid #d1d9e0; border-radius: 6px; background: #fff; color: #59636e; font-size: 14px; text-align: left; }
+.gh-search kbd { display: inline-block; padding: 0 4px; font: 11px/16px ui-monospace, SFMono-Regular, Menlo, monospace; border: 1px solid #d1d9e0; border-radius: 4px; color: #59636e; }
+.gh-divider { width: 1px; height: 20px; background: #d1d9e0; margin: 0 4px; }
+.gh-viewer { display: inline-flex; margin-left: 4px; }
+.gh-localbar { display: flex; gap: 8px; min-height: 48px; align-items: center; overflow-x: auto; }
+.gh-tab { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 0 8px; height: 32px; line-height: 30px; border-radius: 6px; color: #1f2328 !important; font-size: 14px; white-space: nowrap; }
+.gh-tab .octicon { color: #59636e; }
+.gh-tab:hover { background: rgba(129, 139, 152, 0.15); text-decoration: none !important; }
+.gh-tab.selected { font-weight: 600; }
+.gh-tab.selected::after { content: ""; position: absolute; left: 50%; bottom: calc(50% - 25px); width: 100%; height: 2px; transform: translateX(-50%); background: #fd8c73; border-radius: 6px; }
+
+.gh-container { max-width: 1280px; margin: 0 auto; padding: 24px 32px 48px; }
+.gh-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; padding: 0 12px; font-size: 14px; font-weight: 500; line-height: 20px; color: #25292e; background: #f6f8fa; border: 1px solid #d1d9e0; border-radius: 6px; box-shadow: 0 1px 0 rgba(31, 35, 40, 0.04); white-space: nowrap; }
+.gh-btn:hover:not(:disabled) { background: #eff2f5; }
+.gh-btn:disabled { color: #818b98; cursor: not-allowed; }
+.gh-btn-sm { height: 28px; padding: 0 8px; font-size: 12px; }
+.gh-btn-primary { color: #fff; background: #1f883d; border-color: rgba(31, 35, 40, 0.15); box-shadow: 0 1px 0 rgba(31, 35, 40, 0.1); }
+.gh-btn-primary:hover:not(:disabled) { background: #1c8139; }
+.gh-btn-primary:disabled { color: rgba(255, 255, 255, 0.8); background: #95d8a6; border-color: rgba(31, 35, 40, 0.15); }
+.gh-btn-group { display: inline-flex; }
+.gh-btn-group .gh-btn:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+.gh-btn-caret { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-color: rgba(255, 255, 255, 0.25); padding: 0 8px; }
+.gh-input { width: 100%; padding: 5px 12px; font: inherit; font-size: 14px; line-height: 20px; color: #1f2328; background: #fff; border: 1px solid #d1d9e0; border-radius: 6px; }
+.gh-flash-error { margin-top: 8px; padding: 12px 16px; color: #1f2328; background: #ffebe9; border: 1px solid rgba(255, 129, 130, 0.4); border-radius: 6px; }
+.gh-label { display: inline-block; padding: 0 7px; font-size: 12px; font-weight: 500; line-height: 18px; white-space: nowrap; border: 1px solid transparent; border-radius: 2em; }
+
+/* list page */
+.gh-subnav { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
+.gh-filter { flex: 1; display: flex; }
+.gh-filter-btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }
+.gh-filter-input { flex: 1; display: flex; align-items: center; gap: 8px; height: 32px; padding: 0 8px; color: #59636e; background: #fff; border: 1px solid #d1d9e0; border-left: 0; border-radius: 0 6px 6px 0; }
+.gh-filter-input input { flex: 1; border: 0; outline: 0; font: inherit; font-size: 14px; color: #59636e; background: transparent; }
+.gh-subnav-links { display: flex; }
+.gh-subnav-item { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 16px; font-weight: 600; color: #1f2328 !important; border: 1px solid #d1d9e0; }
+.gh-subnav-item .octicon { color: #59636e; }
+.gh-subnav-item:first-child { border-radius: 6px 0 0 6px; }
+.gh-subnav-item + .gh-subnav-item { border-left: 0; border-radius: 0 6px 6px 0; }
+.gh-subnav-item:hover { background: #f6f8fa; text-decoration: none !important; }
+.gh-box { background: #fff; border: 1px solid #d1d9e0; border-radius: 6px; }
+.gh-box-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; margin: -1px -1px 0; background: #f6f8fa; border: 1px solid #d1d9e0; border-radius: 6px 6px 0 0; }
+.gh-states { display: flex; gap: 10px; }
+.gh-states-link { display: inline-flex; align-items: center; gap: 4px; padding: 0; font-size: 14px; color: #59636e; background: none; border: 0; }
+.gh-states-link.selected { font-weight: 600; color: #1f2328; }
+.gh-states-link:hover { color: #1f2328; }
+.gh-box-filters { display: flex; gap: 24px; color: #59636e; font-size: 14px; }
+.gh-select-menu { display: inline-flex; align-items: center; gap: 2px; color: #59636e; white-space: nowrap; cursor: pointer; }
+.gh-list-page .pr-row { display: flex; align-items: flex-start; gap: 0; width: auto; padding: 8px 0; text-align: left; background: #fff; border: 0; border-top: 1px solid #d1d9e0; }
+.gh-list-page .gh-rows .pr-row:first-child { border-top: 0; }
+.gh-list-page .pr-row:last-child { border-radius: 0 0 6px 6px; }
+.gh-list-page .pr-row:hover { background: #f6f8fa; }
+.pr-state-icon { display: inline-flex; padding: 2px 0 0 16px; }
+.pr-state-icon.open { color: #1a7f37; }
+.pr-state-icon.merged { color: #8250df; }
+.pr-state-icon.closed { color: #d1242f; }
+.pr-state-icon.draft { color: #59636e; }
+.pr-row-main { flex: 1; min-width: 0; padding: 0 8px; }
+.pr-row-title-line { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
+.pr-row-repo { color: #59636e; font-size: 16px; font-weight: 600; margin-right: 4px; }
+.gh-app a.pr-row-title { color: #1f2328; font-size: 16px; font-weight: 600; line-height: 1.5; margin-right: 4px; }
+.gh-app a.pr-row-title:hover { color: #0969da; }
+.pr-row-meta { margin-top: 4px; font-size: 12px; color: #59636e; }
+.gh-app a.gh-muted-link { color: #59636e; }
+.gh-app a.gh-muted-link:hover { color: #0969da; }
+.pr-row-side { display: flex; align-items: flex-start; gap: 16px; padding-right: 16px; min-width: 120px; justify-content: flex-end; }
+.pr-row-assignees { display: inline-flex; }
+.pr-row-comments { min-width: 40px; text-align: right; }
+.pr-row-comments a { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; }
+.ci-status { display: inline-flex; align-items: center; font-weight: normal; }
+.ci-status.success { color: #1a7f37; }
+.ci-status.failure, .ci-status.error { color: #d1242f; }
+.ci-status.pending { color: #9a6700; }
+.gh-blankslate { padding: 32px; text-align: center; color: #59636e; }
+.gh-blankslate h3 { margin: 16px 0 4px; font-size: 20px; font-weight: 600; color: #1f2328; }
+.gh-protip { margin: 20px 0; text-align: center; color: #59636e; }
+.gh-protip strong { color: #1f2328; }
+
+/* pull request page */
+.gh-pull-header { margin-bottom: 16px; }
+.gh-pull-title-row { display: flex; align-items: flex-start; gap: 16px; }
+.gh-pull-title { flex: 1; margin: 0 0 8px; font-size: 32px; font-weight: 400; line-height: 1.25; word-wrap: break-word; }
+.gh-pull-number { color: #59636e; font-weight: 300; }
+.gh-pull-title-actions { display: flex; gap: 8px; padding-top: 6px; }
+.gh-pull-page .state-line { display: flex; align-items: center; gap: 8px; padding-bottom: 8px; margin-bottom: 16px; font-size: 14px; color: #59636e; border-bottom: 1px solid #d1d9e0; }
+.gh-pull-meta-text { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; }
+.gh-app .gh-author { color: #1f2328; font-weight: 600; }
+.gh-state { display: inline-flex; align-items: center; gap: 4px; padding: 5px 12px; font-size: 14px; font-weight: 500; line-height: 20px; color: #fff; border-radius: 2em; text-transform: none; }
+.gh-state-open { background: #1f883d; }
+.gh-state-merged { background: #8250df; }
+.gh-state-closed { background: #cf222e; }
+.gh-state-draft { background: #59636e; }
+.gh-commit-ref { display: inline-block; padding: 0 5px; font-size: 12px; line-height: 20px; color: #0969da; background: #ddf4ff; border-radius: 6px; }
+.gh-copy { display: inline-flex; padding: 4px; color: #59636e; background: none; border: 0; border-radius: 6px; }
+.gh-copy:hover { background: rgba(129, 139, 152, 0.15); }
+.gh-pull-tabs { display: flex; align-items: flex-end; gap: 8px; margin-top: 16px; border-bottom: 1px solid #d1d9e0; }
+.gh-pull-tab { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; margin-bottom: -1px; font-size: 14px; line-height: 23px; color: #59636e !important; border: 1px solid transparent; border-radius: 6px 6px 0 0; }
+.gh-pull-tab:hover { color: #1f2328 !important; text-decoration: none !important; }
+.gh-pull-tab.selected { color: #1f2328 !important; background: #fff; border-color: #d1d9e0; border-bottom-color: #fff; }
+.gh-pull-tab .octicon { color: #59636e; }
+.gh-pull-tabs-fill { flex: 1; }
+.gh-diffstat { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; padding-bottom: 10px; }
+.gh-files .gh-diffstat, .gh-file-header .gh-diffstat { padding-bottom: 0; }
+.gh-add { color: #1a7f37; }
+.gh-del { color: #d1242f; }
+.gh-diffstat-blocks { display: inline-flex; gap: 1px; margin-left: 4px; }
+.gh-block { width: 8px; height: 8px; background: #d1d9e0; }
+.gh-block.add { background: #1f883d; }
+.gh-block.del { background: #cf222e; }
+.gh-pull-layout { display: grid; grid-template-columns: minmax(0, 1fr) 256px; gap: 24px; align-items: start; }
+
+.gh-pull-page .conversation { display: block; margin: 0; }
+.gh-timeline { position: relative; }
+.gh-timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 72px; width: 2px; background: #d1d9e0; }
+.gh-pull-page .timeline-item { position: relative; display: flex; gap: 16px; padding-bottom: 16px; }
+.gh-timeline-avatar { flex: none; width: 40px; height: 40px; }
+.gh-pull-page .comment { position: relative; flex: 1; min-width: 0; background: #fff; border: 1px solid #d1d9e0; border-radius: 6px; overflow: visible; }
+.gh-pull-page .comment::before { content: ""; position: absolute; top: 11px; left: -8px; width: 8px; height: 16px; background: #d1d9e0; clip-path: polygon(0 50%, 100% 0, 100% 100%); }
+.gh-pull-page .comment::after { content: ""; position: absolute; top: 12px; left: -6px; width: 7px; height: 14px; background: #f6f8fa; clip-path: polygon(0 50%, 100% 0, 100% 100%); }
+.gh-comment-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 38px; padding: 0 8px 0 16px; background: #f6f8fa; border-bottom: 1px solid #d1d9e0; border-radius: 6px 6px 0 0; font-size: 14px; }
+.gh-pull-page .gh-comment-self { border-color: #b6e3ff; }
+.gh-pull-page .gh-comment-self .gh-comment-header { background: #ddf4ff; border-bottom-color: #b6e3ff; }
+.gh-pull-page .gh-comment-self::before { background: #b6e3ff; }
+.gh-pull-page .gh-comment-self::after { background: #ddf4ff; }
+.gh-comment-badges { display: inline-flex; align-items: center; gap: 4px; }
+.gh-role { display: inline-block; padding: 0 7px; font-size: 12px; font-weight: 500; line-height: 18px; color: #59636e; border: 1px solid #d1d9e0; border-radius: 2em; }
+.gh-comment-body { padding: 16px; font-size: 14px; line-height: 1.5; font-family: inherit; white-space: normal; color: #1f2328; }
+.gh-markdown p { margin: 0 0 16px; }
+.gh-markdown p:last-child { margin-bottom: 0; }
+.gh-markdown code { padding: 0.2em 0.4em; font-size: 85%; background: rgba(129, 139, 152, 0.12); border-radius: 6px; }
+.gh-event { position: relative; display: flex; align-items: center; gap: 8px; padding: 16px 0 16px 56px; font-size: 14px; }
+.gh-event-badge { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: #59636e; background: #eff2f5; border: 2px solid #fff; border-radius: 50%; flex: none; }
+.gh-event-badge.approved { color: #fff; background: #1f883d; }
+.gh-event-badge.changes { color: #fff; background: #cf222e; }
+.gh-event-badge.merged { color: #fff; background: #8250df; }
+.gh-event-badge.closed { color: #fff; background: #cf222e; }
+.gh-event-badge.reopened { color: #fff; background: #1f883d; }
+.gh-event-body { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
+.gh-commits-event { padding-bottom: 8px; }
+.gh-commits-event .gh-event { padding-bottom: 8px; }
+.gh-commit-line { display: flex; align-items: center; gap: 8px; padding: 4px 0 4px 64px; font-size: 14px; }
+.gh-commit-line::before { content: ""; position: relative; z-index: 1; width: 8px; height: 8px; margin: 0 8px 0 0; background: #d1d9e0; border-radius: 50%; box-shadow: 0 0 0 2px #fff; }
+.gh-commit-message { flex: 1; min-width: 0; color: #59636e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.gh-sha { font-size: 12px; color: #59636e; }
+.gh-pull-page .review-card { background: none; border: 0; overflow: visible; }
+.gh-review-body { padding-left: 56px; }
+.gh-review-body .timeline-item { padding-bottom: 8px; }
+.gh-review-body .gh-timeline-avatar { display: none; }
+
+.gh-mergebox { position: relative; display: flex; gap: 16px; padding: 16px 0; border-top: 2px solid #d1d9e0; margin-left: 0; }
+.gh-mergebox-icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: #fff; border-radius: 6px; }
+.gh-mergebox-icon.open { background: #1f883d; }
+.gh-mergebox-icon.merged { background: #8250df; }
+.gh-mergebox-icon.closed { background: #cf222e; }
+.gh-mergebox-icon.neutral { background: #59636e; }
+.gh-mergebox-panel { flex: 1; min-width: 0; background: #fff; border: 1px solid #d1d9e0; border-radius: 6px; }
+.gh-merge-section { display: flex; gap: 12px; padding: 16px; border-bottom: 1px solid #d1d9e0; }
+.gh-merge-section:last-child { border-bottom: 0; }
+.gh-merge-section-icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: #fff; border-radius: 50%; }
+.gh-merge-section-icon.ok { background: #1f883d; }
+.gh-merge-section-icon.warn { background: #9a6700; }
+.gh-merge-section-icon.bad { background: #cf222e; }
+.gh-merge-section-icon.merged { background: #8250df; }
+.gh-merge-section-icon.closed { background: #cf222e; }
+.gh-merge-section-text { flex: 1; min-width: 0; }
+.gh-merge-section-text strong { font-size: 16px; font-weight: 600; }
+.gh-checks-list { list-style: none; margin: 12px 0 0; padding: 0; border: 1px solid #d1d9e0; border-radius: 6px; }
+.gh-checks-list li { display: flex; align-items: center; gap: 8px; padding: 8px 12px; font-size: 13px; }
+.gh-checks-list li + li { border-top: 1px solid #d1d9e0; }
+.gh-checks-list strong { font-size: 13px !important; }
+.gh-check-details { margin-left: auto; font-size: 13px; }
+.gh-merge-actions { padding: 16px; background: #f6f8fa; border-top: 1px solid #d1d9e0; border-radius: 0 0 6px 6px; }
+.gh-merge-button-row { display: flex; align-items: center; gap: 16px; }
+.gh-merge-hint { font-size: 12px; }
+.gh-merge-confirm { display: grid; gap: 8px; }
+.gh-merge-confirm textarea { resize: vertical; }
+.gh-merge-confirm-buttons { display: flex; gap: 8px; }
+
+.gh-comment-form-item { padding-top: 16px; border-top: 2px solid #d1d9e0; }
+.gh-comment-form { flex: 1; min-width: 0; }
+.gh-pull-page .conversation h2.gh-comment-form-title { margin: 0 0 8px; font-size: 16px; font-weight: 600; line-height: 1.5; }
+.gh-comment-form-box { border: 1px solid #d1d9e0; border-radius: 6px; background: #fff; }
+.gh-comment-form-tabs { display: flex; gap: 4px; padding: 8px 8px 0; background: #f6f8fa; border-bottom: 1px solid #d1d9e0; border-radius: 6px 6px 0 0; }
+.gh-comment-form-tabs span { padding: 6px 12px; font-size: 14px; color: #59636e; border: 1px solid transparent; border-radius: 6px 6px 0 0; margin-bottom: -1px; }
+.gh-comment-form-tabs span.selected { color: #1f2328; background: #fff; border-color: #d1d9e0; border-bottom-color: #fff; }
+.gh-comment-textarea { display: block; width: calc(100% - 16px); min-height: 100px; margin: 8px; padding: 8px; font: inherit; font-size: 14px; line-height: 1.5; color: #1f2328; background: #f6f8fa; border: 1px solid #d1d9e0; border-radius: 6px; resize: vertical; }
+.gh-comment-textarea:focus { background: #fff; border-color: #0969da; outline: 1px solid #0969da; }
+.gh-comment-form-hint { display: flex; align-items: center; gap: 6px; padding: 0 12px 8px; font-size: 12px; color: #59636e; }
+.gh-comment-form-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; }
+.gh-closed-fg { color: #cf222e; }
+
+.gh-sidebar { display: block; font-size: 12px; }
+.gh-sidebar-item { padding: 16px 0; border-bottom: 1px solid #d1d9e0; }
+.gh-sidebar-item:first-child { padding-top: 0; }
+.gh-sidebar-item:last-child { border-bottom: 0; }
+.gh-sidebar-item h3 { display: flex; align-items: center; justify-content: space-between; margin: 0 0 8px; font-size: 12px; font-weight: 600; color: #59636e; }
+.gh-sidebar-item p { margin: 0 0 4px; }
+.gh-sidebar-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
+.gh-sidebar-list li { display: flex; align-items: center; gap: 6px; }
+.gh-sidebar-list .gh-author { font-weight: 600; font-size: 12px; }
+.gh-review-state { margin-left: auto; display: inline-flex; }
+.gh-review-state.approved { color: #1a7f37; }
+.gh-review-state.changes_requested { color: #d1242f; }
+.gh-review-state.pending { color: #9a6700; }
+.gh-review-state.commented { color: #59636e; }
+.gh-sidebar-labels { display: flex; flex-wrap: wrap; gap: 4px; }
+.gh-participants { display: flex; flex-wrap: wrap; gap: 4px; }
+
+.gh-commit-group { margin-bottom: 16px; }
+.gh-commit-group-title { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 14px; font-weight: 400; color: #59636e; }
+.gh-commit-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 16px; border-top: 1px solid #d1d9e0; }
+.gh-commit-row:first-child { border-top: 0; }
+.gh-commit-row-title { font-weight: 600; font-size: 14px; }
+.gh-commit-row-meta { display: flex; align-items: center; gap: 4px; margin-top: 2px; font-size: 12px; }
+.gh-commit-row-side { display: flex; align-items: center; gap: 4px; }
+.gh-sha-btn { padding: 3px 8px; border: 1px solid #d1d9e0; border-radius: 6px; background: #f6f8fa; }
+.gh-check-row { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-top: 1px solid #d1d9e0; }
+.gh-checks-tab .gh-box-header { padding: 12px 16px; }
+
+.gh-files-toolbar { display: flex; align-items: center; gap: 16px; padding: 8px 0 16px; font-size: 14px; }
+.gh-file { margin-bottom: 16px; border: 1px solid #d1d9e0; border-radius: 6px; overflow: hidden; }
+.gh-file-header { display: flex; align-items: center; gap: 8px; padding: 5px 8px 5px 12px; background: #f6f8fa; border-bottom: 1px solid #d1d9e0; font-size: 12px; color: #59636e; }
+.gh-file-count { font-weight: 600; color: #1f2328; }
+.gh-file-header .gh-diffstat .gh-add, .gh-file-header .gh-diffstat .gh-del { display: none; }
+.gh-file-name { font-size: 12px; font-weight: 600; color: #1f2328; }
+.gh-viewed { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; font-size: 12px; border: 1px solid #d1d9e0; border-radius: 6px; background: #f6f8fa; color: #1f2328; }
+.gh-file-nodiff { padding: 16px; }
+.gh-diff-table { width: 100%; border-collapse: collapse; font-size: 12px; line-height: 20px; }
+.gh-diff-num { width: 1%; min-width: 50px; padding: 0 10px; text-align: right; color: #59636e; vertical-align: top; user-select: none; white-space: nowrap; }
+.gh-diff-code { padding: 0 10px 0 22px; white-space: pre-wrap; word-break: break-all; color: #1f2328; position: relative; }
+.gh-diff-marker { position: absolute; left: 8px; }
+.gh-diff-add .gh-diff-code { background: #dafbe1; }
+.gh-diff-add .gh-diff-num { background: #aceebb; color: #1f2328; }
+.gh-diff-del .gh-diff-code { background: #ffebe9; }
+.gh-diff-del .gh-diff-num { background: #ffcecb; color: #1f2328; }
+.gh-diff-hunk td { background: #ddf4ff; color: #59636e; }
+.gh-diff-hunk .gh-diff-num { background: #b6e3ff; }
+.gh-diff-note td { color: #59636e; }
+
+.gh-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; max-width: 1280px; margin: 0 auto; padding: 40px 32px; font-size: 12px; color: #59636e; }
+.gh-footer-brand { display: inline-flex; align-items: center; gap: 8px; color: #59636e; }
+.gh-footer ul { display: flex; flex-wrap: wrap; gap: 16px; margin: 0; padding: 0; list-style: none; }