/* /git: (misc)/git/client.tsx */
.git-page { position: relative; min-height: 100vh; background-color: hsl(var(--background)); color: hsl(var(--foreground)); }
.git-wrap { width: 100%; max-width: 672px; margin-inline: auto; padding: 2rem 1rem; }
.git-header { margin-bottom: 2rem; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.git-title { font-size: 1.25rem; line-height: 1.75rem; font-weight: 500; letter-spacing: -.025em; }
.git-sub { margin-top: .25rem; font-size: .875rem; line-height: 1.25rem; color: hsl(var(--muted-foreground)); }
.git-profile {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  border-radius: var(--radius);
  border: 1px solid hsl(var(--border));
  padding: .375rem .625rem;
  font-size: .875rem;
  line-height: 1.25rem;
  color: hsl(var(--muted-foreground));
  transition: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1);
}
.git-profile:hover { background-color: hsl(var(--muted) / .5); color: hsl(var(--foreground)); }
.git-profile-svg { width: .875rem; height: .875rem; }
.git-pinned { margin-bottom: 2rem; }
.git-h2 { margin-bottom: .75rem; font-size: .875rem; line-height: 1.25rem; color: hsl(var(--muted-foreground)); }
.git-pins { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.git-pin, .git-repo {
  display: flex;
  gap: .75rem;
  border-radius: .75rem;
  border: 1px solid hsl(var(--border));
  background-color: hsl(var(--background));
  padding: .75rem;
  transition: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1);
}
.git-pin { align-items: center; }
.git-pin:hover { background-color: hsl(var(--muted) / .4); color: hsl(var(--foreground)); }
.git-repo { height: 100%; align-items: flex-start; }
.git-repo:hover { background-color: hsl(var(--muted) / .4); }
.git-pin-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .875rem; line-height: 1.25rem; }
.git-mark {
  display: flex;
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius);
  background-color: hsl(var(--muted));
  color: hsl(var(--muted-foreground));
}
.git-mark-svg { width: 1rem; height: 1rem; }
.git-search { position: relative; margin-bottom: .75rem; display: block; }
.git-search-icon {
  pointer-events: none;
  position: absolute;
  left: .625rem;
  top: 50%;
  width: .875rem;
  height: .875rem;
  transform: translateY(-50%);
  color: hsl(var(--muted-foreground));
}
.git-search-input {
  height: 2rem;
  width: 100%;
  border-radius: var(--radius);
  border: 1px solid hsl(var(--border));
  background-color: hsl(var(--background));
  padding: .25rem .625rem .25rem 2rem;
  font-size: .875rem;
  line-height: 1.25rem;
  color: hsl(var(--foreground));
  transition: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1);
}
.git-search-input::placeholder { color: hsl(var(--muted-foreground)); }
.git-search-input:focus-visible { border-color: hsl(var(--foreground) / .3); background-color: hsl(var(--muted) / .3); outline: 2px solid #0000; outline-offset: 2px; }
.git-empty {
  border-radius: .75rem;
  border: 1px solid hsl(var(--border));
  padding: 2rem 1rem;
  text-align: center;
  font-size: .875rem;
  line-height: 1.25rem;
  color: hsl(var(--muted-foreground));
}
.git-repos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.git-repos[hidden], .git-empty[hidden] { display: none; }
.git-repo[hidden] { display: none; }
.git-repo-body { min-width: 0; flex: 1; }
.git-repo-top { display: flex; align-items: flex-start; justify-content: space-between; gap: .5rem; }
.git-more {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--radius) - 2px);
  color: hsl(var(--muted-foreground));
  transition: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1);
}
.git-more:hover { background-color: hsl(var(--muted) / .5); color: hsl(var(--foreground)); }
.git-more-svg { width: .875rem; height: .875rem; }
.git-repo-meta { margin-top: .125rem; display: block; font-size: .75rem; line-height: 1rem; color: hsl(var(--muted-foreground)); }
/* line-clamp-2 is overridden by .block in the original, so no clamp */
.git-repo-desc { margin-top: .375rem; display: block; font-size: .75rem; line-height: 1rem; color: hsl(var(--muted-foreground)); }
.git-search .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }