/* Share link pages: mint form, password prompt. Small and self-contained,
   built on base.css's tokens rather than introducing new ones. */

.share-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 32rem;
  margin-top: 1rem;
}

.share-repos {
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  padding: .75rem 1rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.share-repos legend {
  padding: 0 .4rem;
  color: var(--fg-muted);
  font-size: .8rem;
}

.share-repo {
  display: flex;
  align-items: baseline;
  gap: .5rem;
}

.share-repo-title { color: var(--fg); }

.share-maxage {
  color: var(--fg-muted);
  font-size: .78rem;
  margin-left: auto;
}

.share-field {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  font-size: .85rem;
  color: var(--fg-muted);
}

.share-field input {
  font: inherit;
  color: var(--fg);
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  padding: .4rem .6rem;
}

.share-link { word-break: break-all; }

.share-hint {
  color: var(--fg-muted);
  font-size: .82rem;
}