/* Clinvio Gitea Theme — GitHub-light with blue navbar */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  /* Core brand colors */
  --color-primary: #1B2A4A;
  --color-accent: #0969da;
  --color-bg: #ffffff;
  --color-bg-secondary: #ffffff;
  --color-text: #1f2328;
  --color-text-secondary: #656d76;
  --color-border: #d1d9e0;
  --color-border-light: #e8ecf0;
  --color-bg-subtle: #f6f8fa;
  --color-bg-inset: #eff2f5;
  --fonts-proportional: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  --fonts-monospace: 'IBM Plex Mono', ui-monospace, 'Fira Code', monospace !important;

  /* Override Gitea's dark active/hover/light variables */
  --color-active: #f3f4f6 !important;
  --color-hover: #f6f8fa !important;
  --color-light: #f6f8fa !important;
  --color-light-border: #d1d9e0 !important;
  --color-nav-bg: #ffffff !important;
  --color-nav-hover-bg: #f6f8fa !important;
  --color-nav-text: #1f2328 !important;
  --color-menu: #ffffff !important;
  --color-card: #ffffff !important;
  --color-button: #f6f8fa !important;
  --color-box-header: #f6f8fa !important;
  --color-box-body: #ffffff !important;
  --color-box-body-highlight: #f6f8fa !important;
  --color-secondary-bg: #f6f8fa !important;
  --color-secondary-nav-bg: #ffffff !important;
  --color-body: #ffffff !important;
  --color-footer: #24292f !important;

  /* Text colors — ensure readable everywhere */
  --color-text-dark: #1f2328 !important;
  --color-text: #1f2328 !important;
  --color-text-light: #656d76 !important;
  --color-text-light-1: #656d76 !important;
  --color-text-light-2: #8b949e !important;
  --color-text-light-3: #8b949e !important;

  /* Input colors */
  --color-input-text: #1f2328 !important;
  --color-input-background: #ffffff !important;
  --color-input-border: #d1d9e0 !important;
  --color-input-border-hover: #b0b8c1 !important;

  /* Reaction/tooltip — keep subtle but not dark */
  --color-reaction-bg: #f6f8fa !important;
  --color-reaction-hover-bg: #ddf4ff !important;
  --color-reaction-active-bg: #b6e3ff !important;
  --color-tooltip-bg: #24292f !important;
  --color-tooltip-text: #ffffff !important;

  /* Code blocks */
  --color-code-bg: #f6f8fa !important;
  --color-markup-code-block: #f6f8fa !important;
  --color-markup-code-inline: rgba(175,184,193,0.2) !important;
  --color-markup-table-row: #f6f8fa !important;

  /* Labels */
  --color-label-bg: rgba(175,184,193,0.2) !important;
  --color-label-hover-bg: rgba(175,184,193,0.4) !important;
  --color-label-active-bg: rgba(175,184,193,0.6) !important;
  --color-label-text: #1f2328 !important;

  /* Misc */
  --color-expand-button: #ddf4ff !important;
  --color-shadow: rgba(31,35,40,0.04) !important;
  --color-overlay-backdrop: rgba(31,35,40,0.5) !important;
}

* { font-family: var(--fonts-proportional); }

/* =============================================
   NAVBAR — dark blue, GitHub-style
   ============================================= */
nav {
  background: #24292f !important;
  border-bottom: none !important;
}

nav,
nav .item,
nav a,
nav a.item,
nav span,
nav label,
nav strong,
nav em,
nav small,
nav div,
nav p {
  color: #e6edf3 !important;
}

nav .navbar-left .item:hover,
nav .navbar-right .item:hover,
nav a.item:hover,
nav .item a:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.07) !important;
}

nav .navbar-left .item.active,
nav .navbar-right .item.active,
nav a.item.active {
  color: #fff !important;
  background: rgba(255,255,255,0.12) !important;
}

nav svg, nav svg * {
  fill: #e6edf3 !important;
  stroke: #e6edf3 !important;
}

nav .item:hover svg, nav .item:hover svg * {
  fill: #fff !important;
  stroke: #fff !important;
}

/* Logo link container — remove Gitea's fixed 56px width */
nav .navbar-left > a.item:first-child {
  width: auto !important;
  min-width: 100px !important;
  height: auto !important;
  padding: 6px 12px !important;
}

/* Logo image */
nav .navbar-left .item img,
nav img {
  height: 36px !important;
  width: auto !important;
  max-height: none !important;
}

/* Make navbar taller to fit logo */
nav, nav .navbar-left, nav .navbar-right {
  min-height: 52px !important;
}

/* Search in navbar */
nav input, nav input[type="text"], nav input[type="search"] {
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-size: 14px !important;
}

nav input::placeholder { color: rgba(255,255,255,0.5) !important; }

nav input:focus {
  background: rgba(255,255,255,0.18) !important;
  border-color: var(--color-accent) !important;
  box-shadow: 0 0 0 3px rgba(9,105,218,0.3) !important;
  color: #fff !important;
}

/* Dropdown in navbar */
nav .ui.dropdown .menu {
  background: #fff !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}

nav .ui.dropdown .menu .item,
nav .ui.dropdown .menu .item * {
  color: var(--color-text) !important;
}

nav .ui.dropdown .menu .item:hover {
  background: var(--color-bg-subtle) !important;
}

nav .ui.button {
  color: #e6edf3 !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  background: transparent !important;
}

nav .ui.button:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.1) !important;
}

/* =============================================
   PAGE — pure white, clean GitHub style
   ============================================= */
.page-content,
.full.height,
body {
  background: #fff !important;
  color: var(--color-text) !important;
}

/* =============================================
   SECONDARY NAV / TABS — GitHub style
   ============================================= */
.secondary-nav,
.ui.secondary.pointing.menu {
  border-bottom: 1px solid var(--color-border) !important;
  background: #fff !important;
}

.secondary-nav .item,
.ui.secondary.pointing.menu .item {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  border-bottom-color: transparent !important;
  padding: 8px 16px !important;
}

.secondary-nav .item.active,
.ui.secondary.pointing.menu .item.active {
  color: var(--color-text) !important;
  border-bottom-color: #fd8c73 !important;
  font-weight: 600 !important;
}

.secondary-nav .item:hover,
.ui.secondary.pointing.menu .item:hover {
  color: var(--color-text) !important;
}

/* =============================================
   REPO FILE LIST — GitHub style
   ============================================= */
/* File list container */
.file-list,
.repository-file-list,
.ui.table.repository-file-list {
  border: 1px solid var(--color-border) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  border-collapse: separate !important;
}

/* File list header bar */
.repository-file-list thead th,
.file-list-header,
.commit-header,
.ui.table thead th {
  background: var(--color-bg-subtle) !important;
  color: var(--color-text) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border-bottom: 1px solid var(--color-border) !important;
  padding: 10px 16px !important;
}

/* File list rows */
.ui.table.repository-file-list tbody td,
.file-list tbody td {
  border-bottom: 1px solid var(--color-border-light) !important;
  padding: 6px 16px !important;
}

.ui.table.repository-file-list tbody tr:last-child td {
  border-bottom: none !important;
}

/* File list hover */
.ui.table tbody tr:hover,
.file-list tbody tr:hover {
  background: var(--color-bg-subtle) !important;
}

/* File/folder icons */
.file-list .octicon,
.file-list svg {
  color: var(--color-text-secondary) !important;
  fill: var(--color-text-secondary) !important;
}

/* File names */
.file-list a,
.repository-file-list a {
  color: var(--color-accent) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

/* Last commit message in file list */
.file-list .text-secondary,
.commit-msg {
  color: var(--color-text-secondary) !important;
  font-size: 12px !important;
}

/* =============================================
   README — GitHub style
   ============================================= */
.readme-file-box,
.repository-file-content .readme,
.markdown-body {
  border: 1px solid var(--color-border) !important;
  border-radius: 6px !important;
  background: #fff !important;
}

.readme-file-box .header,
.markdown-body .header {
  background: var(--color-bg-subtle) !important;
  border-bottom: 1px solid var(--color-border) !important;
  padding: 8px 16px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--color-text) !important;
}

.markdown-body {
  padding: 32px !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--color-text) !important;
}

.markdown-body h1, .markdown-body h2, .markdown-body h3 {
  color: var(--color-text) !important;
  border-bottom: 1px solid var(--color-border-light) !important;
  padding-bottom: 0.3em !important;
}

.markdown-body code {
  background: var(--color-bg-subtle) !important;
  border-radius: 6px !important;
  padding: 0.2em 0.4em !important;
  font-size: 85% !important;
}

.markdown-body pre {
  background: var(--color-bg-subtle) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 6px !important;
  padding: 16px !important;
}

.markdown-body pre code {
  background: transparent !important;
  padding: 0 !important;
}

.markdown-body table th {
  background: var(--color-bg-subtle) !important;
  border: 1px solid var(--color-border) !important;
}

.markdown-body table td,
.markdown-body table th {
  border: 1px solid var(--color-border) !important;
  padding: 6px 13px !important;
}

/* =============================================
   REPO HEADER (owner/repo name bar)
   ============================================= */
.repo-header,
.repository .repo-header {
  background: #fff !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid var(--color-border) !important;
}

.repo-header .repo-title a {
  color: var(--color-accent) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
}

/* =============================================
   BUTTONS — GitHub style
   ============================================= */
.ui.primary.button,
.ui.primary.buttons .button {
  background: #238636 !important;
  color: #fff !important;
  border: 1px solid rgba(27,31,36,0.15) !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  box-shadow: 0 1px 0 rgba(27,31,36,0.04) !important;
}

.ui.primary.button:hover {
  background: #2ea043 !important;
  color: #fff !important;
}

.ui.green.button {
  background: #238636 !important;
  color: #fff !important;
  border: 1px solid rgba(27,31,36,0.15) !important;
  border-radius: 6px !important;
}

.ui.green.button:hover {
  background: #2ea043 !important;
  color: #fff !important;
}

.ui.basic.button,
.ui.button:not(.primary):not(.green):not(.red):not(.blue) {
  background: var(--color-bg-subtle) !important;
  color: var(--color-text) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 6px !important;
  font-size: 14px !important;
}

.ui.basic.button:hover {
  background: var(--color-bg-inset) !important;
  border-color: var(--color-border) !important;
}

/* =============================================
   TABS (repo page: Code, Issues, PRs)
   ============================================= */
.ui.tabular.menu {
  border-bottom: 1px solid var(--color-border) !important;
}

.ui.tabular.menu .item {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

.ui.tabular.menu .item.active {
  color: var(--color-text) !important;
  background: #fff !important;
  border-color: var(--color-border) !important;
  border-bottom-color: #fff !important;
  font-weight: 600 !important;
  border-radius: 6px 6px 0 0 !important;
}

/* =============================================
   CODE VIEW
   ============================================= */
.lines-num {
  color: var(--color-text-secondary) !important;
  background: var(--color-bg-subtle) !important;
  border-right: 1px solid var(--color-border-light) !important;
}

.code-view .lines-code {
  background: #fff !important;
}

/* =============================================
   CARDS
   ============================================= */
.ui.card, .ui.cards > .card {
  border-radius: 6px !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: none !important;
}

.ui.card:hover, .ui.cards > .card:hover {
  border-color: var(--color-border) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}

/* =============================================
   FORM INPUTS
   ============================================= */
.ui.input input, .ui.form input, .ui.form textarea, .ui.form select {
  border-radius: 6px !important;
  border: 1px solid var(--color-border) !important;
  font-size: 14px !important;
  background: #fff !important;
}

.ui.input input:focus, .ui.form input:focus, .ui.form textarea:focus {
  border-color: var(--color-accent) !important;
  box-shadow: 0 0 0 3px rgba(9,105,218,0.15) !important;
  outline: none !important;
}

/* =============================================
   TABLES
   ============================================= */
.ui.table {
  border: 1px solid var(--color-border) !important;
  border-radius: 6px !important;
}

.ui.table thead th {
  background: var(--color-bg-subtle) !important;
  color: var(--color-text) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border-bottom: 1px solid var(--color-border) !important;
}

.ui.table td {
  border-top: 1px solid var(--color-border-light) !important;
}

/* =============================================
   LABELS / BADGES — GitHub style
   ============================================= */
.ui.label { border-radius: 2em !important; font-weight: 500 !important; font-size: 12px !important; padding: 0 10px !important; }
.ui.label.blue { background: #ddf4ff !important; color: #0969da !important; border: 1px solid #b6e3ff !important; }
.ui.label.green { background: #dafbe1 !important; color: #1a7f37 !important; border: 1px solid #aceebb !important; }
.ui.label.orange { background: #fff8c5 !important; color: #9a6700 !important; border: 1px solid #f5e0a0 !important; }
.ui.label.red { background: #ffebe9 !important; color: #cf222e !important; border: 1px solid #ffcecb !important; }

/* =============================================
   LINKS
   ============================================= */
.page-content a { color: var(--color-accent) !important; text-decoration: none !important; }
.page-content a:hover { text-decoration: underline !important; }

/* =============================================
   FOOTER
   ============================================= */
.page-footer {
  background: #24292f !important;
  border-top: none !important;
}

.page-footer,
.page-footer .item,
.page-footer a,
.page-footer span,
.page-footer strong,
.page-footer em,
.page-footer small,
.page-footer div,
.page-footer p,
.page-footer label,
.page-footer li {
  color: #e6edf3 !important;
}

.page-footer a:hover { color: #fff !important; text-decoration: underline !important; }

.page-footer svg, .page-footer svg * {
  fill: #e6edf3 !important;
  stroke: #e6edf3 !important;
}

.page-footer img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.85 !important;
}

.page-footer .ui.divider { border-color: rgba(255,255,255,0.1) !important; }

/* =============================================
   SCROLLBAR
   ============================================= */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d1d9e0; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #8c959f; }

/* =============================================
   LOGIN PAGE
   ============================================= */
.user.login .ui.card {
  max-width: 380px !important;
  margin: 60px auto !important;
  padding: 32px !important;
  border-radius: 6px !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: none !important;
}

/* =============================================
   MONOSPACE
   ============================================= */
code, .mono, pre { font-family: var(--fonts-monospace); }

/* =============================================
   MISC — GitHub polish
   ============================================= */
/* Sidebar (repo right column) */
.repository .ui.attached.segment,
.repository-sidebar {
  background: var(--color-bg-subtle) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 6px !important;
}

/* Branch selector */
.ui.dropdown.branch-selector .menu {
  border: 1px solid var(--color-border) !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}

/* Diff/PR */
.diff-file-box {
  border: 1px solid var(--color-border) !important;
  border-radius: 6px !important;
}

.diff-file-box .header {
  background: var(--color-bg-subtle) !important;
  border-bottom: 1px solid var(--color-border) !important;
}

/* Code additions/deletions */
.diff-split .gt-added { background: #dafbe1 !important; }
.diff-split .gt-removed { background: #ffebe9 !important; }
.diff-inline .gt-added { background: #dafbe1 !important; }
.diff-inline .gt-removed { background: #ffebe9 !important; }

/* =============================================
   FIX: repo sub-menu, file table, file header
   User-reported black background elements
   ============================================= */
.ui.segment.sub-menu,
.ui.segment.sub-menu *,
.ui.segment.repository-menu,
.ui.segment.repository-menu * {
  background: #fff !important;
  color: var(--color-text) !important;
}

#repo-files-table,
#repo-files-table *,
#repo-files-table thead,
#repo-files-table thead th,
#repo-files-table tbody,
#repo-files-table tbody td,
#repo-files-table tbody tr {
  background: #fff !important;
  color: var(--color-text) !important;
  border-color: var(--color-border-light) !important;
}

#repo-files-table thead th {
  background: var(--color-bg-subtle) !important;
  color: var(--color-text) !important;
  border-bottom: 1px solid var(--color-border) !important;
}

#repo-files-table tbody tr:hover,
#repo-files-table tbody tr:hover td,
#repo-files-table tbody tr:hover * {
  background: var(--color-bg-subtle) !important;
}

.file-header,
.file-header.ui.top.attached.header,
[class*="file-header"],
[class*="file-header"] * {
  background: var(--color-bg-subtle) !important;
  color: var(--color-text) !important;
}

.ui.top.attached.header,
.ui.attached.header {
  background: var(--color-bg-subtle) !important;
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}

/* General fix: any remaining .ui.segment overrides */
.ui.segment {
  background: #fff !important;
  color: var(--color-text) !important;
  border: 1px solid var(--color-border) !important;
}

.ui.segment * {
  color: var(--color-text) !important;
}

/* Fix: .ui.attached elements (common Gitea pattern) */
.ui.attached:not(.button):not(.menu) {
  background: #fff !important;
  color: var(--color-text) !important;
}

/* =============================================
   GLOBAL FIX: remaining dark active states
   Gitea uses rgba(0,0,23,0.08) via --color-active
   ============================================= */
a.active:not(nav a):not(.page-footer a),
.item.active:not(nav .item):not(.page-footer .item),
.active.item:not(nav .item):not(.page-footer .item),
.ui.menu .active.item:not(nav .active.item):not(.page-footer .active.item),
.ui.pagination .active.item,
.ui.two.item .active.item,
.ui.two.item .item.active {
  background: #f3f4f6 !important;
  color: var(--color-text) !important;
}

.ui.menu .item:hover:not(nav .item:hover):not(.page-footer .item:hover),
.ui.menu .item:active:not(nav .item:active):not(.page-footer .item:active) {
  background: #f6f8fa !important;
  color: var(--color-text) !important;
}

/* Sidebar toggle (Repository / Organization tabs) */
.ui.two.item.menu .item {
  background: #fff !important;
  color: var(--color-text-secondary) !important;
  border: 1px solid var(--color-border) !important;
}

.ui.two.item.menu .item.active {
  background: #f6f8fa !important;
  color: var(--color-text) !important;
  font-weight: 600 !important;
}

/* Pagination */
.ui.pagination.menu .active.item {
  background: #f3f4f6 !important;
  color: var(--color-accent) !important;
  border-color: var(--color-border) !important;
}

.ui.borderless.pagination.menu .active.item {
  background: #f3f4f6 !important;
  color: var(--color-accent) !important;
}

/* Dropdown selected item */
.ui.dropdown .menu .active.selected.item {
  background: #f3f4f6 !important;
  color: var(--color-text) !important;
}