/*
 * GitHub/GitLab-inspired LAYOUT pass (John, 2026-07-30) — structure and
 * spacing only. Colors deliberately use Forgejo's own theme custom
 * properties (theme-forgejo-auto.css: --color-body, --color-box-body,
 * --color-text, --color-primary, etc.) instead of hardcoded hex values, so
 * this still respects dark mode / whatever theme is active — matching the
 * rest of the platform, not overriding it with a fixed light palette.
 * Pure CSS override via Forgejo's custom/public static-asset path, no
 * source fork, no template structure changed. Iterative by design.
 */

:root {
  --layout-radius: 6px;
}

/* ---- repo header: name, description, topic pills ---- */
.repo-header {
  border-bottom: 1px solid var(--color-secondary);
  padding-top: 16px;
  padding-bottom: 16px;
}

#repo-topics .label,
.ui.basic.label {
  border-radius: 999px !important;
  background: var(--color-primary-alpha-10) !important;
  color: var(--color-primary) !important;
  border-color: transparent !important;
  font-size: 12px !important;
}

/* ---- action buttons (Watch / Star / Fork): flatter, GitHub-style ---- */
.repo-buttons .ui.button,
.repo-buttons .ui.basic.button {
  border-radius: var(--layout-radius) !important;
  box-shadow: none !important;
}

/* ---- the segment/menu tab bar (Code / Issues / PRs / ...) ---- */
.ui.segment.repository-menu,
.ui.segments.repository-summary {
  border-radius: var(--layout-radius) !important;
  box-shadow: none !important;
}

/* ---- file listing table: compact rows, monospace names ---- */
#repo-files-table {
  border-radius: var(--layout-radius) !important;
  overflow: hidden;
}
#repo-files-table .name a {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
}
#repo-files-table .age { font-size: 12px; }

/* ---- README card: clear card, generous padding ---- */
.file-view.markup.markdown,
#readme {
  border-radius: var(--layout-radius);
  padding: 24px 32px;
}
.file-header {
  border-radius: var(--layout-radius) var(--layout-radius) 0 0 !important;
}

/* ---- language stats bar: thin rounded strip like GitHub's ---- */
#language-stats-bar {
  border-radius: 999px !important;
  overflow: hidden;
  height: 8px !important;
}