@import url("2family.css");

div#cgit {
	padding: 0em;
	margin: 0em;
	font-family: sans-serif;
	font-size: 10pt;
	color: #333;
	background: white;
	padding: 4px;
}

div#cgit a {
	color: blue;
	text-decoration: none;
}

div#cgit a:hover {
	text-decoration: underline;
}

div#cgit table {
	border-collapse: collapse;
}

div#cgit table#header {
	width: 100%;
	margin-bottom: 1em;
}

div#cgit table#header td.logo {
	width: 96px;
	vertical-align: top;
}

div#cgit table#header td.main {
	font-size: 250%;
	padding-left: 10px;
	white-space: nowrap;
}

div#cgit table#header td.main a {
	color: #000;
}

div#cgit table#header td.form {
	text-align: right;
	vertical-align: bottom;
	padding-right: 1em;
	padding-bottom: 2px;
	white-space: nowrap;
}

div#cgit table#header td.form form,
div#cgit table#header td.form input,
div#cgit table#header td.form select {
	font-size: 90%;
}

div#cgit table#header td.sub {
	color: #777;
	border-top: solid 1px #ccc;
	padding-left: 10px;
}

div#cgit table.tabs {
	border-bottom: solid 3px #ccc;
	border-collapse: collapse;
	margin-top: 2em;
	margin-bottom: 0px;
	width: 100%;
}

div#cgit table.tabs td {
	padding: 0px 1em;
	vertical-align: bottom;
}

div#cgit table.tabs td a {
	padding: 2px 0.75em;
	color: #777;
	font-size: 110%;
}

div#cgit table.tabs td a.active {
	color: #000;
	background-color: #ccc;
}

div#cgit table.tabs a[href^="http://"]:after, div#cgit table.tabs a[href^="https://"]:after {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC);
	opacity: 0.5;
	margin: 0 0 0 5px;
}

div#cgit table.tabs td.form {
	text-align: right;
}

div#cgit table.tabs td.form form {
	padding-bottom: 2px;
	font-size: 90%;
	white-space: nowrap;
}

div#cgit table.tabs td.form input,
div#cgit table.tabs td.form select {
	font-size: 90%;
}

div#cgit div.path {
	margin: 0px;
	padding: 5px 2em 2px 2em;
	color: #000;
	background-color: #eee;
}

div#cgit div.content {
	margin: 1px;
	padding: 2em;
	border-bottom: solid 3px #ccc;
}


div#cgit table.list {
	width: 100%;
	border: none;
	border-collapse: collapse;
}

div#cgit table.list tr {
	background: white;
}

div#cgit table.list tr.logheader {
	background: #eee;
}

div#cgit table.list tr:nth-child(even) {
	background: #f7f7f7;
}

div#cgit table.list tr:nth-child(odd) {
	background: white;
}

div#cgit table.list tr:hover {
	background: #eee;
}

div#cgit table.list tr.nohover {
	background: white;
}

div#cgit table.list tr.nohover:hover {
	background: white;
}

div#cgit table.list tr.nohover-highlight:hover:nth-child(even) {
	background: #f7f7f7;
}

div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) {
	background: white;
}

div#cgit table.list th {
	font-weight: bold;
	/* color: #888;
	border-top: dashed 1px #888;
	border-bottom: dashed 1px #888;
	*/
	padding: 0.1em 0.5em 0.05em 0.5em;
	vertical-align: baseline;
}

div#cgit table.list td {
	border: none;
	padding: 0.1em 0.5em 0.1em 0.5em;
}

div#cgit table.list td.commitgraph {
	font-family: "Source Code Pro", "Courier New", monospace;
	white-space: pre;
}
div#cgit pre {
	font-family: "Source Code Pro", "Courier New", monospace;
}

div#cgit table.list td.commitgraph .column1 {
	color: #a00;
}

div#cgit table.list td.commitgraph .column2 {
	color: #0a0;
}

div#cgit table.list td.commitgraph .column3 {
	color: #aa0;
}

div#cgit table.list td.commitgraph .column4 {
	color: #00a;
}

div#cgit table.list td.commitgraph .column5 {
	color: #a0a;
}

div#cgit table.list td.commitgraph .column6 {
	color: #0aa;
}

div#cgit table.list td.logsubject {
	font-family: "Source Code Pro", "Courier New", monospace;
	font-weight: bold;
}

div#cgit table.list td.logmsg {
	font-family: "Source Code Pro", "Courier New", monospace;
	white-space: pre;
	padding: 0 0.5em;
}

div#cgit table.list td a {
	color: black;
}

div#cgit table.list td a.ls-dir {
	font-weight: bold;
	color: #00f;
}

div#cgit table.list td a:hover {
	color: #00f;
}

div#cgit img {
	border: none;
}

div#cgit input#switch-btn {
	margin: 2px 0px 0px 0px;
}

div#cgit td#sidebar input.txt {
	width: 100%;
	margin: 2px 0px 0px 0px;
}

div#cgit table#grid {
	margin: 0px;
}

div#cgit td#content {
	vertical-align: top;
	padding: 1em 2em 1em 1em;
	border: none;
}

div#cgit div#summary {
	vertical-align: top;
	margin-bottom: 1em;
}

div#cgit table#downloads {
	float: right;
	border-collapse: collapse;
	border: solid 1px #777;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
}

div#cgit table#downloads th {
	background-color: #ccc;
}

div#cgit div#blob {
	border: solid 1px black;
}

div#cgit div.error {
	color: red;
	font-weight: bold;
	margin: 1em 2em;
}

div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod {
	font-family: "Source Code Pro", "Courier New", monospace;
}

div#cgit td.ls-size {
	text-align: right;
	font-family: "Source Code Pro", "Courier New", monospace;
	width: 10em;
}

div#cgit td.ls-mode {
	font-family: "Source Code Pro", "Courier New", monospace;
	width: 10em;
}

div#cgit table.blob {
	margin-top: 0.5em;
	border-top: solid 1px black;
}

div#cgit table.blob td.hashes,
div#cgit table.blob td.lines {
	margin: 0; padding: 0 0 0 0.5em;
	vertical-align: top;
	color: black;
}

div#cgit table.blob td.linenumbers {
	margin: 0; padding: 0 0.5em 0 0.5em;
	vertical-align: top;
	text-align: right;
	border-right: 1px solid gray;
}

div#cgit table.blob pre {
	padding: 0; margin: 0;
}

div#cgit table.blob td.linenumbers a,
div#cgit table.ssdiff td.lineno a {
	color: gray;
	text-align: right;
	text-decoration: none;
}

div#cgit table.blob td.linenumbers a:hover,
div#cgit table.ssdiff td.lineno a:hover {
	color: black;
}

div#cgit table.blob td.linenumbers a:target:before {
	color: red;
	content: "\2BA9";
}

div#cgit table.blame td.hashes,
div#cgit table.blame td.lines,
div#cgit table.blame td.linenumbers {
	padding: 0;
}

div#cgit table.blame td.hashes div.alt,
div#cgit table.blame td.lines div.alt {
	padding: 0 0.5em 0 0.5em;
}

div#cgit table.blame td.linenumbers div.alt {
	padding: 0 0.5em 0 0;
}

div#cgit table.blame div.alt:nth-child(even) {
	background: #eee;
}

div#cgit table.blame div.alt:nth-child(odd) {
	background: white;
}

div#cgit table.blame td.lines > div {
	position: relative;
}

div#cgit table.blame td.lines > div > pre {
	padding: 0 0 0 0.5em;
	position: absolute;
	top: 0;
}

div#cgit table.blame .oid {
	font-size: 100%;
}

div#cgit table.bin-blob {
	margin-top: 0.5em;
	border: solid 1px black;
}

div#cgit table.bin-blob th {
	font-family: "Source Code Pro", "Courier New", monospace;
	white-space: pre;
	border: solid 1px #777;
	padding: 0.5em 1em;
}

div#cgit table.bin-blob td {
	font-family: "Source Code Pro", "Courier New", monospace;
	white-space: pre;
	border-left: solid 1px #777;
	padding: 0em 1em;
}

div#cgit table.nowrap td {
	white-space: nowrap;
}

div#cgit table.commit-info {
	border-collapse: collapse;
	margin-top: 1.5em;
}

div#cgit div.cgit-panel {
	float: right;
	margin-top: 1.5em;
}

div#cgit div.cgit-panel table {
	border-collapse: collapse;
	border: solid 1px #aaa;
	background-color: #eee;
}

div#cgit div.cgit-panel th {
	text-align: center;
}

div#cgit div.cgit-panel td {
	padding: 0.25em 0.5em;
}

div#cgit div.cgit-panel td.label {
	padding-right: 0.5em;
}

div#cgit div.cgit-panel td.ctrl {
	padding-left: 0.5em;
}

div#cgit table.commit-info th {
	text-align: left;
	font-weight: normal;
	padding: 0.1em 1em 0.1em 0.1em;
	vertical-align: top;
}

div#cgit table.commit-info td {
	font-weight: normal;
	padding: 0.1em 1em 0.1em 0.1em;
}

div#cgit div.commit-subject {
	font-weight: bold;
	font-size: 125%;
	margin: 1.5em 0em 0.5em 0em;
	padding: 0em;
}

div#cgit div.commit-msg {
	white-space: pre;
	font-family: "Source Code Pro", "Courier New", monospace;
}

div#cgit div.notes-header {
	font-weight: bold;
	padding-top: 1.5em;
}

div#cgit div.notes {
	white-space: pre;
	font-family: "Source Code Pro", "Courier New", monospace;
	border: solid 1px #ee9;
	background-color: #ffd;
	padding: 0.3em 2em 0.3em 1em;
	float: left;
}

div#cgit div.notes-footer {
	clear: left;
}

div#cgit div.diffstat-header {
	font-weight: bold;
	padding-top: 1.5em;
}

div#cgit table.diffstat {
	border-collapse: collapse;
	border: solid 1px #aaa;
	background-color: #eee;
}

div#cgit table.diffstat th {
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
	padding: 0.1em 1em 0.1em 0.1em;
	font-size: 100%;
}

div#cgit table.diffstat td {
	padding: 0.2em 0.2em 0.1em 0.1em;
	font-size: 100%;
	border: none;
}

div#cgit table.diffstat td.mode {
	white-space: nowrap;
}

div#cgit table.diffstat td span.modechange {
	padding-left: 1em;
	color: red;
}

div#cgit table.diffstat td.add a {
	color: green;
}

div#cgit table.diffstat td.del a {
	color: red;
}

div#cgit table.diffstat td.upd a {
	color: blue;
}

div#cgit table.diffstat td.graph {
	width: 500px;
	vertical-align: middle;
}

div#cgit table.diffstat td.graph table {
	border: none;
}

div#cgit table.diffstat td.graph td {
	padding: 0px;
	border: 0px;
	height: 7pt;
}

div#cgit table.diffstat td.graph td.add {
	background-color: #5c5;
}

div#cgit table.diffstat td.graph td.rem {
	background-color: #c55;
}

div#cgit div.diffstat-summary {
	color: #888;
	padding-top: 0.5em;
}

div#cgit table.diff {
	width: 100%;
}

div#cgit table.diff td {
	font-family: "Source Code Pro", "Courier New", monospace;
	white-space: pre;
}

div#cgit table.diff td div.head {
	font-weight: bold;
	margin-top: 1em;
	color: black;
}

div#cgit table.diff td div.hunk {
	color: #009;
}

div#cgit table.diff td div.add {
	color: green;
}

div#cgit table.diff td div.del {
	color: red;
}

div#cgit .oid {
	font-family: "Source Code Pro", "Courier New", monospace;
	font-size: 90%;
}

div#cgit .left {
	text-align: left;
}

div#cgit .right {
	text-align: right;
}

div#cgit table.list td.reposection {
	font-style: italic;
	color: #888;
}

div#cgit a.button {
	font-size: 80%;
	padding: 0em 0.5em;
}

div#cgit a.primary {
	font-size: 100%;
}

div#cgit a.secondary {
	font-size: 90%;
}

div#cgit td.toplevel-repo {

}

div#cgit table.list td.sublevel-repo {
	padding-left: 1.5em;
}

div#cgit ul.pager {
	list-style-type: none;
	text-align: center;
	margin: 1em 0em 0em 0em;
	padding: 0;
}

div#cgit ul.pager li {
	display: inline-block;
	margin: 0.25em 0.5em;
}

div#cgit ul.pager a {
	color: #777;
}

div#cgit ul.pager .current {
	font-weight: bold;
}

div#cgit span.age-mins {
	font-weight: bold;
	color: #080;
}

div#cgit span.age-hours {
	color: #080;
}

div#cgit span.age-days {
	color: #040;
}

div#cgit span.age-weeks {
	color: #444;
}

div#cgit span.age-months {
	color: #888;
}

div#cgit span.age-years {
	color: #bbb;
}

div#cgit span.insertions {
	color: #080;
}

div#cgit span.deletions {
	color: #800;
}

div#cgit div.footer {
	margin-top: 0.5em;
	text-align: center;
	font-size: 80%;
	color: #ccc;
}

div#cgit div.footer a {
	color: #ccc;
	text-decoration: none;
}

div#cgit div.footer a:hover {
	text-decoration: underline;
}

div#cgit a.branch-deco {
	color: #000;
	margin: 0px 0.5em;
	padding: 0px 0.25em;
	background-color: #88ff88;
	border: solid 1px #007700;
	border-radius: 2px;
}

div#cgit a.tag-deco {
	color: #000;
	margin: 0px 0.5em;
	padding: 0px 0.25em;
	background-color: #ffff88;
	border: solid 1px #777700;
	border-radius: 2px;
}

div#cgit a.tag-annotated-deco {
	color: #000;
	margin: 0px 0.5em;
	padding: 0px 0.25em;
	background-color: #ffcc88;
	border: solid 1px #777700;
	border-radius: 2px;
}

div#cgit a.remote-deco {
	color: #000;
	margin: 0px 0.5em;
	padding: 0px 0.25em;
	background-color: #ccccff;
	border: solid 1px #000077;
	border-radius: 2px;
}

div#cgit a.deco {
	color: #000;
	margin: 0px 0.5em;
	padding: 0px 0.25em;
	background-color: #ff8888;
	border: solid 1px #770000;
	border-radius: 2px;
}

div#cgit div.commit-subject a.branch-deco,
div#cgit div.commit-subject a.tag-deco,
div#cgit div.commit-subject a.tag-annotated-deco,
div#cgit div.commit-subject a.remote-deco,
div#cgit div.commit-subject a.deco {
	margin-left: 1em;
	font-size: 75%;
}

div#cgit table.stats {
	border: solid 1px black;
	border-collapse: collapse;
}

div#cgit table.stats th {
	text-align: left;
	padding: 1px 0.5em;
	background-color: #eee;
	border: solid 1px black;
}

div#cgit table.stats td {
	text-align: right;
	padding: 1px 0.5em;
	border: solid 1px black;
}

div#cgit table.stats td.total {
	font-weight: bold;
	text-align: left;
}

div#cgit table.stats td.sum {
	color: #c00;
	font-weight: bold;
/*	background-color: #eee; */
}

div#cgit table.stats td.left {
	text-align: left;
}

div#cgit table.vgraph {
	border-collapse: separate;
	border: solid 1px black;
	height: 200px;
}

div#cgit table.vgraph th {
	background-color: #eee;
	font-weight: bold;
	border: solid 1px white;
	padding: 1px 0.5em;
}

div#cgit table.vgraph td {
	vertical-align: bottom;
	padding: 0px 10px;
}

div#cgit table.vgraph div.bar {
	background-color: #eee;
}

div#cgit table.hgraph {
	border: solid 1px black;
	width: 800px;
}

div#cgit table.hgraph th {
	background-color: #eee;
	font-weight: bold;
	border: solid 1px black;
	padding: 1px 0.5em;
}

div#cgit table.hgraph td {
	vertical-align: middle;
	padding: 2px 2px;
}

div#cgit table.hgraph div.bar {
	background-color: #eee;
	height: 1em;
}

div#cgit table.ssdiff {
	width: 100%;
}

div#cgit table.ssdiff td {
	font-size: 75%;
	font-family: "Source Code Pro", "Courier New", monospace;
	white-space: pre;
	padding: 1px 4px 1px 4px;
	border-left: solid 1px #aaa;
	border-right: solid 1px #aaa;
}

div#cgit table.ssdiff td.add {
	color: black;
	background: #cfc;
	min-width: 50%;
}

div#cgit table.ssdiff td.add_dark {
	color: black;
	background: #aca;
	min-width: 50%;
}

div#cgit table.ssdiff span.add {
	background: #cfc;
	font-weight: bold;
}

div#cgit table.ssdiff td.del {
	color: black;
	background: #fcc;
	min-width: 50%;
}

div#cgit table.ssdiff td.del_dark {
	color: black;
	background: #caa;
	min-width: 50%;
}

div#cgit table.ssdiff span.del {
	background: #fcc;
	font-weight: bold;
}

div#cgit table.ssdiff td.changed {
	color: black;
	background: #ffc;
	min-width: 50%;
}

div#cgit table.ssdiff td.changed_dark {
	color: black;
	background: #cca;
	min-width: 50%;
}

div#cgit table.ssdiff td.lineno {
	color: black;
	background: #eee;
	text-align: right;
	width: 3em;
	min-width: 3em;
}

div#cgit table.ssdiff td.hunk {
	color: black;
	background: #ccf;
	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}

div#cgit table.ssdiff td.head {
	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}

div#cgit table.ssdiff td.head div.head {
	font-weight: bold;
	color: black;
}

div#cgit table.ssdiff td.foot {
	border-top: solid 1px #aaa;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

div#cgit table.ssdiff td.space {
	border: none;
}

div#cgit table.ssdiff td.space div {
	min-height: 3em;
}
div#cgit span.libravatar img.onhover {
        display: none;
        border: 1px solid gray;
        padding: 0px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        width: 128px;
        height: 128px;
}

div#cgit span.libravatar img.inline {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        width: 13px;
        height: 13px;
        margin-right: 0.2em;
        opacity: 0.6;
}

div#cgit span.libravatar:hover > img.onhover {
        display: block;
        position: absolute;
        margin-left: 1.5em;
        background-color: #eeeeee;
        box-shadow: 2px 2px 7px rgba(100,100,100,0.75);
}

/* ============================================================
   cgit — 8-bit Minimal White Theme  (visual overrides only)
   Load AFTER the standard cgit CSS.
   ============================================================ */

/* ── Variables ─────────────────────────────────────────────── */

:root {
  --bg:         #ffffff;
  --bg-alt:     #f4f4f4;
  --bg-stripe:  #fafafa;
  --border:     #000000;
  --border-mid: #aaaaaa;
  --border-dim: #dddddd;
  --text:       #111111;
  --text-dim:   #666666;
  --text-mute:  #999999;
  --link:       #0000cc;
  --link-hover: #0000ff;
  --pixel:      2px;
  --pixel-font: 'Press Start 2P', monospace;
  --code-font:  'Courier New', Courier, monospace;

  --add-bg:     #d6ffd6;
  --add-dark:   #a8e6a8;
  --del-bg:     #ffd6d6;
  --del-dark:   #e6a8a8;
  --hunk-bg:    #d6d6ff;
  --changed-bg: #fff9d6;

  --branch-bg:  #ccffcc;
  --branch-bd:  #007700;
  --tag-bg:     #ffffcc;
  --tag-bd:     #888800;
  --tag-ann-bg: #ffeecc;
  --remote-bg:  #ccccff;
  --remote-bd:  #000088;
  --deco-bg:    #ffcccc;
  --deco-bd:    #880000;
}

/* ── Base ──────────────────────────────────────────────────── */

div#cgit {
  font-family: var(--code-font);
  font-size: 10pt;
  color: var(--text);
  background: var(--bg);
  image-rendering: pixelated;
}

div#cgit a         { color: var(--link); }
div#cgit a:hover   { color: var(--link-hover); }
div#cgit img       { image-rendering: pixelated; }
div#cgit pre       { font-family: var(--code-font); }

/* ── Header ────────────────────────────────────────────────── */

div#cgit table#header {
  border-bottom: var(--pixel) solid var(--border);
  background: var(--bg);
}

div#cgit table#header td.main {
  font-family: var(--pixel-font);
  font-size: 14pt;
  letter-spacing: -1px;
  line-height: 1.4;
}

div#cgit table#header td.main a       { color: var(--text); }
div#cgit table#header td.main a:hover { color: var(--link); text-decoration: none; }

div#cgit table#header td.sub {
  font-family: var(--pixel-font);
  font-size: 6pt;
  color: var(--text-dim);
  border-top: var(--pixel) solid var(--border-dim);
  letter-spacing: 0;
  line-height: 1.8;
}

div#cgit table#header td.form form,
div#cgit table#header td.form input,
div#cgit table#header td.form select {
  font-family: var(--pixel-font);
  font-size: 7pt;
  background: var(--bg);
  border: var(--pixel) solid var(--border);
  color: var(--text);
  outline: none;
  appearance: none;
}

div#cgit table#header td.form input:focus,
div#cgit table#header td.form select:focus {
  border-color: var(--link);
  box-shadow: 2px 2px 0 var(--border);
}

/* ── Tabs ──────────────────────────────────────────────────── */

div#cgit table.tabs {
  border-bottom: var(--pixel) solid var(--border);
  background: var(--bg-alt);
}

div#cgit table.tabs td a {
  display: inline-block;
  font-family: var(--pixel-font);
  font-size: 7pt;
  letter-spacing: 0;
  color: var(--text-dim);
  border: var(--pixel) solid transparent;
  border-bottom: none;
  line-height: 1.6;
}

div#cgit table.tabs td a:hover {
  color: var(--text);
  text-decoration: none;
  background: var(--bg);
  border-color: var(--border-mid);
}

div#cgit table.tabs td a.active {
  color: var(--text);
  background: var(--bg);
  border: var(--pixel) solid var(--border);
  border-bottom: var(--pixel) solid var(--bg);
}

div#cgit table.tabs td.form form { font-size: 7pt; }

div#cgit table.tabs td.form input,
div#cgit table.tabs td.form select {
  font-family: var(--pixel-font);
  font-size: 7pt;
  border: var(--pixel) solid var(--border);
  background: var(--bg);
  color: var(--text);
  appearance: none;
}

/* ── Path Bar ──────────────────────────────────────────────── */

div#cgit div.path {
  color: var(--text);
  background: var(--bg-alt);
  font-family: var(--pixel-font);
  font-size: 7pt;
  border-bottom: var(--pixel) solid var(--border-mid);
  letter-spacing: 0;
  line-height: 2;
}

/* ── Content ───────────────────────────────────────────────── */

div#cgit div.content {
  border-bottom: var(--pixel) solid var(--border);
}

/* ── List Tables ───────────────────────────────────────────── */

div#cgit table.list                         { border: var(--pixel) solid var(--border); }
div#cgit table.list td                      { border-bottom: 1px solid var(--border-dim); }

div#cgit table.list th {
  font-family: var(--pixel-font);
  font-size: 6.5pt;
  font-weight: normal;
  color: var(--text);
  background: var(--bg-alt);
  border-bottom: var(--pixel) solid var(--border);
  letter-spacing: 0;
}

div#cgit table.list tr                                          { background: var(--bg); }
div#cgit table.list tr.logheader                                { background: var(--bg-alt); }
div#cgit table.list tr:nth-child(even)                          { background: var(--bg-stripe); }
div#cgit table.list tr:nth-child(odd)                           { background: var(--bg); }
div#cgit table.list tr:hover                                    { background: #f0f0ff; }
div#cgit table.list tr.nohover,
div#cgit table.list tr.nohover:hover                            { background: var(--bg); }
div#cgit table.list tr.nohover-highlight:hover:nth-child(even)  { background: var(--bg-stripe); }
div#cgit table.list tr.nohover-highlight:hover:nth-child(odd)   { background: var(--bg); }

div#cgit table.list td a        { color: var(--text); }
div#cgit table.list td a.ls-dir { color: var(--link); }
div#cgit table.list td a:hover  { color: var(--link-hover); }

div#cgit table.list td.commitgraph .column1 { color: #aa0000; }
div#cgit table.list td.commitgraph .column2 { color: #008800; }
div#cgit table.list td.commitgraph .column3 { color: #888800; }
div#cgit table.list td.commitgraph .column4 { color: #0000aa; }
div#cgit table.list td.commitgraph .column5 { color: #880088; }
div#cgit table.list td.commitgraph .column6 { color: #008888; }

div#cgit table.list td.reposection {
  font-family: var(--pixel-font);
  font-size: 6.5pt;
  font-style: normal;
  color: var(--text-mute);
  letter-spacing: 0;
}

div#cgit td.ls-size { font-family: var(--code-font); color: var(--text-dim); }
div#cgit td.ls-mode { font-family: var(--code-font); color: var(--text-mute); }

/* ── Blob / Code View ──────────────────────────────────────── */

div#cgit div#blob { border: var(--pixel) solid var(--border); }

div#cgit table.blob { border-top: var(--pixel) solid var(--border); }

div#cgit table.blob td.hashes,
div#cgit table.blob td.lines { color: var(--text); }

div#cgit table.blob td.linenumbers {
  border-right: var(--pixel) solid var(--border-mid);
  background: var(--bg-alt);
  user-select: none;
}

div#cgit table.blob pre {
  font-family: var(--code-font);
  font-size: 10pt;
  line-height: 1.5;
}

div#cgit table.blob td.linenumbers a,
div#cgit table.ssdiff td.lineno a {
  color: var(--text-mute);
  font-family: var(--code-font);
  font-size: 10pt;
}

div#cgit table.blob td.linenumbers a:hover,
div#cgit table.ssdiff td.lineno a:hover { color: var(--text); }

/* ── Blame ─────────────────────────────────────────────────── */

div#cgit table.blame div.alt:nth-child(even) { background: var(--bg-alt); }
div#cgit table.blame div.alt:nth-child(odd)  { background: var(--bg); }
div#cgit table.blame td.lines > div > pre    { font-family: var(--code-font); }
div#cgit table.blame .oid                    { font-family: var(--code-font); }

/* ── Binary Blob ───────────────────────────────────────────── */

div#cgit table.bin-blob             { border: var(--pixel) solid var(--border); }
div#cgit table.bin-blob th          { font-family: var(--code-font); border: 1px solid var(--border-mid); background: var(--bg-alt); }
div#cgit table.bin-blob td          { font-family: var(--code-font); border-left: 1px solid var(--border-mid); }

/* ── Commit Info ───────────────────────────────────────────── */

div#cgit table.commit-info { border: var(--pixel) solid var(--border); }

div#cgit table.commit-info th {
  font-family: var(--pixel-font);
  font-size: 6.5pt;
  font-weight: normal;
  background: var(--bg-alt);
  border-bottom: 1px solid var(--border-dim);
  border-right: var(--pixel) solid var(--border-mid);
  letter-spacing: 0;
}

div#cgit table.commit-info td {
  font-family: var(--code-font);
  font-size: 10pt;
  font-weight: normal;
  border-bottom: 1px solid var(--border-dim);
}

div#cgit div.commit-subject {
  font-family: var(--pixel-font);
  font-size: 9pt;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: -0.5px;
}

div#cgit div.commit-msg {
  font-family: var(--code-font);
  font-size: 10pt;
  line-height: 1.6;
  color: var(--text-dim);
}

/* ── Notes ─────────────────────────────────────────────────── */

div#cgit div.notes-header {
  font-family: var(--pixel-font);
  font-size: 7pt;
  letter-spacing: 0;
}

div#cgit div.notes {
  font-family: var(--code-font);
  border: var(--pixel) solid #888800;
  background-color: var(--tag-bg);
}

/* ── Diffstat ──────────────────────────────────────────────── */

div#cgit div.diffstat-header {
  font-family: var(--pixel-font);
  font-size: 7pt;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 2;
}

div#cgit table.diffstat {
  border: var(--pixel) solid var(--border);
  background-color: var(--bg);
}

div#cgit table.diffstat th {
  font-family: var(--pixel-font);
  font-size: 6.5pt;
  font-weight: normal;
  text-decoration: none;
  background: var(--bg-alt);
  border-bottom: var(--pixel) solid var(--border-mid);
  letter-spacing: 0;
}

div#cgit table.diffstat td              { border-bottom: 1px solid var(--border-dim); }
div#cgit table.diffstat td.mode        { font-family: var(--code-font); }
div#cgit table.diffstat td span.modechange { color: red; }
div#cgit table.diffstat td.add a       { color: #006600; }
div#cgit table.diffstat td.del a       { color: #aa0000; }
div#cgit table.diffstat td.upd a       { color: var(--link); }
div#cgit table.diffstat td.graph td.add { background-color: #44aa44; }
div#cgit table.diffstat td.graph td.rem { background-color: #aa4444; }

div#cgit div.diffstat-summary {
  font-family: var(--pixel-font);
  font-size: 6.5pt;
  color: var(--text-mute);
  letter-spacing: 0;
  line-height: 2;
}

/* ── Unified Diff ──────────────────────────────────────────── */

div#cgit table.diff { border: var(--pixel) solid var(--border); }

div#cgit table.diff td {
  font-family: var(--code-font);
  font-size: 10pt;
  line-height: 1.5;
}

div#cgit table.diff td div.head {
  font-family: var(--pixel-font);
  font-size: 7pt;
  font-weight: normal;
  color: var(--text);
  background: var(--bg-alt);
  border-top: var(--pixel) solid var(--border);
  border-bottom: var(--pixel) solid var(--border-mid);
  letter-spacing: 0;
}

div#cgit table.diff td div.hunk {
  color: #0000aa;
  background: var(--hunk-bg);
  border-top: 1px solid #aaaacc;
  border-bottom: 1px solid #aaaacc;
}

div#cgit table.diff td div.add { color: #004400; background: var(--add-bg); }
div#cgit table.diff td div.del { color: #550000; background: var(--del-bg); }

/* ── Side-by-Side Diff ─────────────────────────────────────── */

div#cgit table.ssdiff { border: var(--pixel) solid var(--border); }

div#cgit table.ssdiff td {
  font-size: 10pt;
  font-family: var(--code-font);
  border-left: 1px solid var(--border-dim);
  border-right: 1px solid var(--border-dim);
}

div#cgit table.ssdiff td.add      { color: #004400; background: var(--add-bg);     }
div#cgit table.ssdiff td.add_dark { color: #004400; background: var(--add-dark);   }
div#cgit table.ssdiff span.add    { background: var(--add-bg);  font-weight: bold; }
div#cgit table.ssdiff td.del      { color: #550000; background: var(--del-bg);     }
div#cgit table.ssdiff td.del_dark { color: #550000; background: var(--del-dark);   }
div#cgit table.ssdiff span.del    { background: var(--del-bg);  font-weight: bold; }
div#cgit table.ssdiff td.changed      { color: #444400; background: var(--changed-bg); }
div#cgit table.ssdiff td.changed_dark { color: #444400; background: #eedc88;           }

div#cgit table.ssdiff td.lineno {
  color: var(--text-mute);
  background: var(--bg-alt);
  user-select: none;
}

div#cgit table.ssdiff td.hunk {
  color: #0000aa;
  background: var(--hunk-bg);
  border-top: 1px solid #aaaacc;
  border-bottom: 1px solid #aaaacc;
}

div#cgit table.ssdiff td.head {
  border-top: var(--pixel) solid var(--border-mid);
  border-bottom: var(--pixel) solid var(--border-mid);
}

div#cgit table.ssdiff td.head div.head {
  font-family: var(--pixel-font);
  font-size: 7pt;
  font-weight: normal;
  color: var(--text);
  letter-spacing: 0;
}

div#cgit table.ssdiff td.foot { border-top: 1px solid var(--border-mid); }

/* ── OID ───────────────────────────────────────────────────── */

div#cgit .oid { font-family: var(--code-font); color: var(--text-dim); }

/* ── Decorations ───────────────────────────────────────────── */

div#cgit a.branch-deco {
  font-family: var(--pixel-font); font-size: 6pt; color: #003300;
  background-color: var(--branch-bg); border: var(--pixel) solid var(--branch-bd);
  letter-spacing: 0; line-height: 2;
}

div#cgit a.tag-deco {
  font-family: var(--pixel-font); font-size: 6pt; color: #333300;
  background-color: var(--tag-bg); border: var(--pixel) solid var(--tag-bd);
  letter-spacing: 0; line-height: 2;
}

div#cgit a.tag-annotated-deco {
  font-family: var(--pixel-font); font-size: 6pt; color: #332200;
  background-color: var(--tag-ann-bg); border: var(--pixel) solid var(--tag-bd);
  letter-spacing: 0; line-height: 2;
}

div#cgit a.remote-deco {
  font-family: var(--pixel-font); font-size: 6pt; color: #000033;
  background-color: var(--remote-bg); border: var(--pixel) solid var(--remote-bd);
  letter-spacing: 0; line-height: 2;
}

div#cgit a.deco {
  font-family: var(--pixel-font); font-size: 6pt; color: #330000;
  background-color: var(--deco-bg); border: var(--pixel) solid var(--deco-bd);
  letter-spacing: 0; line-height: 2;
}

div#cgit div.commit-subject a.branch-deco,
div#cgit div.commit-subject a.tag-deco,
div#cgit div.commit-subject a.tag-annotated-deco,
div#cgit div.commit-subject a.remote-deco,
div#cgit div.commit-subject a.deco { font-size: 6pt; }

/* ── Age Spans ─────────────────────────────────────────────── */

div#cgit span.age-mins   { font-weight: bold; color: #006600; }
div#cgit span.age-hours  { color: #006600; }
div#cgit span.age-days   { color: #224422; }
div#cgit span.age-weeks  { color: #555555; }
div#cgit span.age-months { color: #888888; }
div#cgit span.age-years  { color: #bbbbbb; }

div#cgit span.insertions { color: #006600; }
div#cgit span.deletions  { color: #880000; }

/* ── Buttons ───────────────────────────────────────────────── */

div#cgit a.button {
  font-family: var(--pixel-font);
  font-size: 6.5pt;
  border: var(--pixel) solid var(--border);
  color: var(--text);
  background: var(--bg-alt);
  letter-spacing: 0;
  line-height: 2;
}

div#cgit a.button:hover {
  background: var(--bg);
  text-decoration: none;
  box-shadow: 2px 2px 0 var(--border);
}

/* ── Pager ─────────────────────────────────────────────────── */

div#cgit ul.pager a {
  font-family: var(--pixel-font);
  font-size: 7pt;
  color: var(--text-dim);
  border: var(--pixel) solid var(--border-mid);
  letter-spacing: 0;
  line-height: 2;
}

div#cgit ul.pager a:hover {
  color: var(--text);
  border-color: var(--border);
  text-decoration: none;
  box-shadow: 2px 2px 0 var(--border);
}

div#cgit ul.pager .current {
  font-family: var(--pixel-font);
  font-size: 7pt;
  font-weight: normal;
  color: var(--text);
  border: var(--pixel) solid var(--border);
  background: var(--bg-alt);
}

/* ── Downloads ─────────────────────────────────────────────── */

div#cgit table#downloads { border: var(--pixel) solid var(--border); }

div#cgit table#downloads th {
  font-family: var(--pixel-font);
  font-size: 6.5pt;
  font-weight: normal;
  background-color: var(--bg-alt);
  border-bottom: var(--pixel) solid var(--border-mid);
  letter-spacing: 0;
}

/* ── Stats & Graphs ────────────────────────────────────────── */

div#cgit table.stats { border: var(--pixel) solid var(--border); }

div#cgit table.stats th {
  font-family: var(--pixel-font);
  font-size: 6.5pt;
  font-weight: normal;
  background-color: var(--bg-alt);
  border: 1px solid var(--border-mid);
  letter-spacing: 0;
}

div#cgit table.stats td        { font-family: var(--code-font); border: 1px solid var(--border-dim); }
div#cgit table.stats td.sum    { color: #880000; }

div#cgit table.vgraph          { border: var(--pixel) solid var(--border); }
div#cgit table.vgraph th {
  font-family: var(--pixel-font); font-size: 6.5pt; font-weight: normal;
  background-color: var(--bg-alt); border: 1px solid var(--border-dim); letter-spacing: 0;
}
div#cgit table.vgraph div.bar  { background-color: #cccccc; }

div#cgit table.hgraph          { border: var(--pixel) solid var(--border); }
div#cgit table.hgraph th {
  font-family: var(--pixel-font); font-size: 6.5pt; font-weight: normal;
  background-color: var(--bg-alt); border: 1px solid var(--border-mid); letter-spacing: 0;
}
div#cgit table.hgraph div.bar  { background-color: #cccccc; }

/* ── cgit Panel ────────────────────────────────────────────── */

div#cgit div.cgit-panel table  { border: var(--pixel) solid var(--border); background-color: var(--bg-alt); }
div#cgit div.cgit-panel th {
  font-family: var(--pixel-font); font-size: 6.5pt; font-weight: normal;
  letter-spacing: 0; border-bottom: 1px solid var(--border-mid);
}
div#cgit div.cgit-panel td     { font-family: var(--code-font); }

/* ── Sidebar / Switch ──────────────────────────────────────── */

div#cgit td#sidebar input.txt {
  font-family: var(--pixel-font);
  font-size: 7pt;
  border: var(--pixel) solid var(--border);
  background: var(--bg);
  color: var(--text);
  appearance: none;
}

div#cgit input#switch-btn {
  font-family: var(--pixel-font);
  font-size: 7pt;
  border: var(--pixel) solid var(--border);
  background: var(--bg-alt);
  appearance: none;
}

div#cgit input#switch-btn:hover { box-shadow: 2px 2px 0 var(--border); }

/* ── Error ─────────────────────────────────────────────────── */

div#cgit div.error {
  font-family: var(--pixel-font);
  font-size: 7pt;
  color: #cc0000;
  border: var(--pixel) solid #cc0000;
  background: #fff0f0;
  letter-spacing: 0;
  line-height: 2;
}

/* ── Footer ────────────────────────────────────────────────── */

div#cgit div.footer {
  font-family: var(--pixel-font);
  font-size: 6pt;
  color: var(--text-mute);
  border-top: var(--pixel) solid var(--border-dim);
  letter-spacing: 0;
  line-height: 2.5;
}

div#cgit div.footer a       { color: var(--text-mute); }
div#cgit div.footer a:hover { color: var(--text); }

div#cgit div.content {
  overflow-x: auto;
  max-width: 100%;
  box-sizing: border-box;
}

div#cgit table.list {
  min-width: max-content;
}

div#cgit table#header {
  overflow-x: auto;
  max-width: 100%;
}
