main.repositories-view { background: #fff; }
.repositories-view #content { padding: 22px 30px 48px; }
.repository-ui { --repo-border: #d1d9e0; --repo-muted: #59636e; --repo-blue: #0969da; --repo-soft: #f6f8fa; color: #1f2328; font-size: 14px; max-width: 1600px; margin: 0 auto; min-width: 0; }
.repository-ui a { color: var(--repo-blue); }
.repository-ui a:hover { text-decoration: underline; }
.repository-ui button, .repository-ui input, .repository-ui summary { color: inherit; }
.repository-ui button:focus-visible, .repository-ui a:focus-visible, .repository-ui summary:focus-visible { outline: 2px solid var(--repo-blue); outline-offset: 3px; }
.repository-ui input:focus { border-color: var(--repo-blue); box-shadow: 0 0 0 3px #0969da20; }
.repository-icon { width: 16px; height: 16px; flex: 0 0 16px; vertical-align: -3px; }
.repository-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 6px 12px; border: 1px solid var(--repo-border, #d1d9e0); border-radius: 6px; font-size: 12px; font-weight: 500; line-height: 20px; background: #f6f8fa; color: #1f2328 !important; white-space: nowrap; cursor: pointer; }
.repository-button:hover { background: #eff2f5; text-decoration: none !important; }
.repository-button:disabled { cursor: default; }
.repository-button.repository-primary { color: #fff !important; background: #1f883d; border-color: #1a7f37; font-weight: 600; }
.repository-button.repository-primary:hover { background: #1a7f37; }
.repository-index-toolbar { display: flex; gap: 14px; margin-bottom: 26px; }
.repository-search { position: relative; flex: 1; }
.repository-search > .repository-icon { position: absolute; top: 11px; left: 12px; color: var(--repo-muted); }
.repository-search input { width: 100%; height: 36px; padding: 7px 12px 7px 36px; border-color: var(--repo-border); border-radius: 6px; font-size: 13px; }
.repository-index-heading { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--repo-border); padding: 0 0 14px; }
.repository-index-heading strong { font-size: 14px; }
.repository-count { font-size: 12px; line-height: 20px; border-radius: 20px; padding: 0 7px; background: #818b981f; }
.repository-list-item { padding: 26px 0; border-bottom: 1px solid var(--repo-border); }
.repository-list-name { display: flex; align-items: center; gap: 10px; min-width: 0; flex-wrap: wrap; }
.repository-list-name > .repository-icon { color: var(--repo-muted); }
.repository-list-name > a { font-size: 20px; font-weight: 600; overflow-wrap: anywhere; }
.repository-label { display: inline-flex; padding: 1px 7px; border: 1px solid var(--repo-border); border-radius: 20px; color: var(--repo-muted); font-size: 11px; font-weight: 500; line-height: 18px; white-space: nowrap; }
.repository-list-item p { color: var(--repo-muted); font-size: 13px; line-height: 1.6; margin: 10px 0 14px; max-width: 850px; }
.repository-list-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 12px; font-size: 12px; color: var(--repo-muted); }
.repository-list-meta > span { display: inline-flex; align-items: center; gap: 5px; }
.repository-language::before { content: ''; width: 11px; height: 11px; border-radius: 50%; background: #8f72cc; }
.repository-language[data-language='python']::before { background: #3572a5; }
.repository-language[data-language='go']::before { background: #00add8; }
.repository-language[data-language='javascript']::before { background: #e4ce43; }
.repository-language[data-language='typescript']::before { background: #3178c6; }
.repository-language[data-language='markdown']::before { background: #083fa1; }
.repository-back { display: inline-block; font-size: 12px; margin-bottom: 20px; }
.repository-back::before { content: '←'; margin-right: 7px; }
.repository-heading { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.repository-heading h2 { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 20px; font-weight: 600; margin: 0; min-width: 0; }
.repository-heading h2 > .repository-icon { color: var(--repo-muted); margin-right: 2px; }
.repository-heading h2 > a { overflow-wrap: anywhere; }
.repository-owner { font-weight: 400; color: var(--repo-blue); overflow-wrap: anywhere; }
.repository-separator { color: var(--repo-muted); font-weight: 400; }
.repository-description { margin: 12px 0 0; color: var(--repo-muted); font-size: 13px; line-height: 1.6; max-width: 1000px; overflow-wrap: anywhere; }
.repository-tabs { display: flex; gap: 10px; margin: 18px 0; border-bottom: 1px solid var(--repo-border); }
.repository-tabs a { display: flex; gap: 8px; align-items: center; color: inherit; padding: 12px 15px; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.repository-tabs a:hover { text-decoration: none; background: var(--repo-soft); border-radius: 6px 6px 0 0; }
.repository-tabs a.selected { border-color: #fd8c73; font-weight: 600; }
.repository-tabs .repository-icon { color: var(--repo-muted); }
.repository-toolbar { display: flex; gap: 8px; align-items: center; margin-bottom: 18px; position: relative; z-index: 4; }
.repository-toolbar summary { list-style: none; user-select: none; }
.repository-toolbar summary::-webkit-details-marker { display: none; }
.repository-branch { position: relative; min-width: 0; max-width: 45%; }
.repository-branch > summary { min-width: 110px; max-width: 100%; }
.repository-branch > summary > span:not(.repository-caret) { text-overflow: ellipsis; overflow: hidden; }
.repository-caret { font-size: 10px; margin-left: 5px; }
.repository-clone { position: relative; margin-left: auto; }
.repository-branch-menu, .repository-clone-menu { position: absolute; top: calc(100% + 6px); left: 0; background: #fff; border: 1px solid var(--repo-border); border-radius: 8px; box-shadow: 0 8px 24px #1f232826; padding: 14px; width: 300px; max-width: calc(100vw - 100px); }
.repository-branch-menu > strong, .repository-clone-menu > strong { display: block; font-size: 12px; margin-bottom: 12px; }
.repository-branch-menu input { padding: 7px 9px; width: 100%; font-size: 12px; border-color: var(--repo-border); border-radius: 5px; }
.repository-branch-list { max-height: 300px; overflow: auto; margin: 8px -7px -7px; }
.repository-branch-option { display: flex; align-items: center; gap: 8px; padding: 9px 7px; color: inherit !important; font-size: 12px; border-radius: 5px; }
.repository-branch-option:hover { background: var(--repo-soft); text-decoration: none !important; }
.repository-branch-option > span:nth-child(2) { overflow-wrap: anywhere; }
.repository-branch-check { width: 13px; flex-shrink: 0; }
.repository-branch-option small { margin-left: auto; color: var(--repo-muted); font-size: 10px; }
.repository-branch-empty { font-size: 12px; padding: 8px; color: var(--repo-muted); }
.repository-more { width: 100%; font-size: 12px; border: 0; color: var(--repo-blue) !important; }
.repository-clone-menu { left: auto; right: 0; width: 400px; }
.repository-clone-row { display: flex; gap: 7px; }
.repository-clone-row input { min-width: 0; flex: 1; padding: 7px 9px; font: 11px ui-monospace, SFMono-Regular, Consolas, monospace; }
.repository-text-button { color: var(--repo-blue) !important; border: 0; background: none; padding: 12px 0 0; font-size: 12px; }
.repository-workspace { display: grid; grid-template-columns: 215px minmax(0, 1fr); gap: 22px; align-items: start; }
.repository-workspace.without-tree { grid-template-columns: minmax(0, 1fr); }
.repository-main { min-width: 0; }
.repository-tree { border: 1px solid var(--repo-border); border-radius: 6px; position: sticky; top: 0; min-width: 0; background: #fff; overflow: hidden; }
.repository-tree-heading { font-size: 12px; font-weight: 600; padding: 12px 14px; background: var(--repo-soft); border-bottom: 1px solid var(--repo-border); }
.repository-tree-items { max-height: calc(100dvh - 260px); overflow: auto; padding: 8px 5px; }
.repository-tree-root { display: flex; gap: 7px; padding: 7px 8px; font-size: 12px; font-weight: 600; overflow-wrap: anywhere; }
.repository-tree-row { display: flex; align-items: center; min-width: max-content; padding-left: calc(var(--depth) * 14px); font-size: 12px; border-radius: 5px; height: 31px; }
.repository-tree-row.selected { background: #ddf4ff; box-shadow: inset 3px 0 #0969da; }
.repository-tree-row:hover { background: #f0f3f6; }
.repository-tree-row a { display: flex; align-items: center; gap: 7px; padding: 6px 8px 6px 0; color: inherit; white-space: nowrap; flex: 1; }
.repository-tree-row a:hover { text-decoration: none; }
.repository-tree-row .repository-icon { color: #54aeff; }
.repository-tree-row > .repository-tree-spacer + a .repository-icon { color: var(--repo-muted); }
.repository-tree-toggle { display: grid; place-items: center; border: 0; padding: 0; border-radius: 4px; width: 24px; height: 27px; background: transparent; }
.repository-tree-toggle .repository-icon { width: 11px; height: 11px; color: var(--repo-muted); }
.repository-tree-toggle[aria-expanded='true'] .repository-icon { transform: rotate(90deg); }
.repository-tree-spacer { width: 24px; flex-shrink: 0; }
.repository-breadcrumbs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 13px; line-height: 22px; margin-bottom: 12px; min-height: 22px; overflow-wrap: anywhere; }
.repository-breadcrumbs strong { font-weight: 600; }
.repository-file-list { border: 1px solid var(--repo-border); border-radius: 6px; overflow: hidden; margin-bottom: 20px; }
.repository-commit-bar { display: flex; align-items: center; gap: 8px; padding: 12px; background: var(--repo-soft); border: 1px solid var(--repo-border); border-radius: 6px; margin-bottom: 16px; font-size: 12px; min-width: 0; }
.repository-file-list > .repository-commit-bar { margin: 0; border: 0; border-radius: 0; }
.repository-author-avatar { display: grid; place-items: center; width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; background: #ddf4ff; color: #0550ae; font-size: 9px; font-weight: 700; }
.repository-commit-bar > strong { font-weight: 600; white-space: nowrap; max-width: 130px; overflow: hidden; text-overflow: ellipsis; }
.repository-commit-subject { color: inherit !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 30px; }
.repository-sha { font: 11px ui-monospace, SFMono-Regular, Consolas, monospace; }
.repository-commit-bar time { color: var(--repo-muted); white-space: nowrap; }
.repository-history-link { display: inline-flex; align-items: center; gap: 5px; color: inherit !important; margin-left: 4px; }
.repository-file-list table { table-layout: fixed; font-size: 13px; }
.repository-file-list td { padding: 9px 14px; border-top: 1px solid var(--repo-border); line-height: 20px; }
.repository-file-list tr:hover { background: var(--repo-soft); }
.repository-entry-name { width: 35%; }
.repository-entry-name a { display: flex; align-items: center; gap: 9px; color: inherit; min-width: 0; overflow-wrap: anywhere; }
.repository-entry-name a .repository-icon { color: var(--repo-muted); }
.repository-entry-name .repository-icon[data-icon='folder'] { color: #54aeff; }
.repository-entry-message { width: 45%; color: var(--repo-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.repository-entry-message a { color: inherit; }
.repository-entry-date { width: 20%; text-align: right; color: var(--repo-muted); font-size: 12px; white-space: nowrap; }
.repository-file-panel { border: 1px solid var(--repo-border); border-radius: 6px; overflow: hidden; margin-bottom: 20px; }
.repository-file-header { display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; min-height: 46px; border-bottom: 1px solid var(--repo-border); padding: 9px 14px; background: var(--repo-soft); }
.repository-file-title { display: flex; gap: 9px; align-items: center; font-size: 12px; min-width: 0; flex-wrap: wrap; }
.repository-file-title > a { color: inherit; font-weight: 600; }
.repository-file-title > strong { overflow-wrap: anywhere; }
.repository-file-size { color: var(--repo-muted); font-size: 11px; font-weight: 400; }
.repository-file-tools { display: flex; gap: 5px; align-items: center; }
.repository-file-tools .repository-button { padding: 2px 8px; height: 28px; font-size: 11px; }
.repository-mode { border: 0; background: transparent; padding: 5px 8px; font-size: 11px; border-radius: 5px; }
.repository-mode[aria-pressed='true'] { background: #e6ebef; font-weight: 600; }
.repository-markdown.document-markdown { max-width: none; margin: 0; padding: 28px 32px 36px; font-size: 15px; color: #1f2328; line-height: 1.6; }
.repository-markdown h1 { font-size: 29px; padding-bottom: 12px; border-bottom: 1px solid #d1d9e0; margin-top: 0; }
.repository-markdown h2 { font-size: 23px; padding-bottom: 9px; border-bottom: 1px solid #d1d9e0; }
.repository-markdown a { color: var(--repo-blue); }
.repository-markdown img { max-width: 100%; height: auto; vertical-align: middle; }
.repository-markdown pre, .repository-readme-text { background: #f6f8fa; font-size: 12px; }
.repository-readme-text { white-space: pre-wrap; margin: 0; padding: 24px; overflow-wrap: anywhere; }
.repository-source { overflow: auto; padding: 12px 0; font: 12px/21px ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', monospace; tab-size: 4; }
.repository-code-line { display: flex; min-width: max-content; }
.repository-line-number { display: block; position: sticky; left: 0; flex: 0 0 56px; width: 56px; padding: 0 14px 0 8px; color: #59636e !important; text-align: right; user-select: none; background: #fff; font-size: 11px; }
.repository-code-text { display: block; white-space: pre; padding: 0 20px 0 6px; flex: 1; }
.repository-code-line.highlighted, .repository-code-line.highlighted .repository-line-number { background: #fff8c5; }
.repository-token-string { color: #0a3069; }
.repository-token-comment { color: #6e7781; }
.repository-token-keyword { color: #cf222e; }
.repository-token-number { color: #0550ae; }
.repository-notice { font: 12px/1.6 ui-sans-serif, sans-serif; padding: 12px 20px; background: #fff8c5; white-space: normal; }
.repository-image { background: #f6f8fa; padding: 30px; display: flex; justify-content: center; }
.repository-image img { max-width: 100%; max-height: 650px; object-fit: contain; }
.repository-file-placeholder { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 65px 25px; text-align: center; color: var(--repo-muted); font-size: 13px; }
.repository-file-placeholder code { overflow-wrap: anywhere; max-width: 100%; }
.repository-file-placeholder p { margin: 0; }
.repository-history { max-width: 1200px; }
.repository-history > h3 { font-size: 13px; font-weight: 500; margin: 25px 0 12px; }
.repository-history > h3:first-child { margin-top: 6px; }
.repository-history-item { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 16px; border: 1px solid var(--repo-border); border-radius: 6px; margin-bottom: 8px; }
.repository-history-copy { min-width: 0; }
.repository-history-subject { font-size: 14px; font-weight: 600; color: inherit !important; overflow-wrap: anywhere; }
.repository-history-author { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; color: var(--repo-muted); font-size: 12px; margin-top: 8px; }
.repository-history-author strong { font-weight: 500; color: #1f2328; }
.repository-history-actions { display: flex; gap: 6px; flex-shrink: 0; }
.repository-history-actions .repository-button { padding: 4px 8px; font-size: 11px; }
.repository-commit-message { font-size: 12px; margin-top: 10px; color: var(--repo-muted); }
.repository-commit-message summary { cursor: pointer; }
.repository-commit-message pre { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; margin-bottom: 0; }
.repository-pagination { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 24px; color: var(--repo-muted); font-size: 12px; }
.repository-inline-error { color: #cf222e; font-size: 12px; padding: 8px; }
.repository-ui .empty { color: var(--repo-muted); }
.repository-ui .empty h2 { color: #1f2328; font-size: 20px; font-weight: 500; }
.repository-ui .empty .repository-button { margin: 12px 4px; }
@media (min-width: 1600px) { .repository-workspace { grid-template-columns: 250px minmax(0, 1fr); gap: 28px; } }
@media (max-width: 1200px) {
  .repositories-view #content { padding: 20px; }
  .repository-workspace { grid-template-columns: 180px minmax(0, 1fr); gap: 14px; }
  .repository-commit-bar > strong { display: none; }
  .repository-commit-bar time { display: none; }
  .repository-markdown.document-markdown { padding: 22px; }
  .repository-entry-message { width: 40%; }
  .repository-entry-name { width: 40%; }
}
@media (max-width: 900px) {
  .repository-workspace { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .repository-tree { position: static; }
  .repository-tree-items { max-height: 210px; }
  .repository-history-item { flex-direction: column; gap: 12px; }
  .repository-history-actions { align-self: flex-end; }
}
@media (max-width: 700px) {
  .repositories-view #content { padding: 16px 12px 36px; }
  .repository-index-toolbar { flex-direction: column; gap: 10px; }
  .repository-index-toolbar > button { align-self: flex-start; }
  .repository-list-name { gap: 8px; }
  .repository-list-name > a { font-size: 17px; }
  .repository-list-meta { gap: 12px; }
  .repository-heading h2 { font-size: 17px; gap: 5px; }
  .repository-heading { gap: 7px; }
  .repository-toolbar { gap: 6px; }
  .repository-toolbar > button.repository-button { padding: 6px 8px; }
  .repository-toolbar > button.repository-button > span { display: none; }
  .repository-branch { max-width: calc(100% - 170px); }
  .repository-branch > summary { min-width: 85px; padding: 6px 8px; gap: 5px; }
  .repository-branch-menu { left: -38px; }
  .repository-clone > summary { padding: 6px 9px; gap: 5px; }
  .repository-tabs { margin-top: 12px; }
  .repository-tabs a { padding: 10px 13px; font-size: 13px; }
  .repository-commit-bar { gap: 6px; padding: 10px; }
  .repository-commit-bar .repository-sha { display: none; }
  .repository-file-list td { padding: 9px 10px; font-size: 12px; }
  .repository-entry-message { display: none; }
  .repository-entry-name { width: 70%; }
  .repository-entry-date { width: 30%; }
  .repository-markdown.document-markdown { padding: 20px 16px; font-size: 13px; }
  .repository-markdown h1 { font-size: 23px; }
  .repository-markdown h2 { font-size: 20px; }
  .repository-file-header { padding: 10px; gap: 8px; }
  .repository-file-title { gap: 6px; }
  .repository-file-tools { margin-left: auto; }
  .repository-line-number { flex-basis: 42px; width: 42px; padding-right: 9px; }
  .repository-source { font-size: 11px; }
  .repository-clone-menu { width: 300px; }
}
