/* ===== WebX11 Dark Theme for Cgit ===== */
:root {
  --bg: #000000;
  --bg2: #111111;
  --bg3: #1a1a1a;
  --text: #e5e7eb;
  --text-dim: #9ca3af;
  --text-muted: #6b7280;
  --accent: #6366f1;
  --accent-hover: #818cf8;
  --accent-glow: rgba(99,102,241,0.15);
  --border: #222222;
  --green: #22c55e;
  --red: #ef4444;
  --yellow: #eab308;
  --blue: #3b82f6;
  --radius: 8px;
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; font-size:14px; line-height:1.6; }
div#cgit { max-width:1200px; margin:0 auto; padding:16px 20px; font-family:inherit; font-size:inherit; color:var(--text); background:transparent; }
div#cgit a { color:var(--accent); text-decoration:none; transition:color .15s; }
div#cgit a:hover { color:var(--accent-hover); text-decoration:underline; }
div#cgit table#header { width:100%; margin-bottom:8px; border-collapse:collapse; }
div#cgit table#header td.logo { width:48px; vertical-align:middle; }
div#cgit table#header td.logo img { width:32px; height:32px; border-radius:6px; }
div#cgit table#header td.main { font-size:22px; font-weight:700; padding-left:12px; white-space:nowrap; color:var(--text); }
div#cgit table#header td.main a { color:var(--text); }
div#cgit table#header td.sub { color:var(--text-dim); font-size:13px; padding-left:12px; padding-bottom:4px; border-bottom:1px solid var(--border); }
div#cgit table.tabs { border-bottom:2px solid var(--border); border-collapse:collapse; margin-top:12px; margin-bottom:0; width:100%; }
div#cgit table.tabs td { padding:0 .5em; vertical-align:bottom; }
div#cgit table.tabs td a { display:inline-block; padding:6px 14px; color:var(--text-dim); font-size:13px; font-weight:500; border-radius:6px 6px 0 0; transition:all .15s; }
div#cgit table.tabs td a:hover { color:var(--text); background:var(--bg2); text-decoration:none; }
div#cgit table.tabs td a.active { color:var(--accent); background:var(--bg3); border:1px solid var(--border); border-bottom-color:var(--bg3); font-weight:600; }
div#cgit table.tabs td.form { text-align:right; }
div#cgit table.tabs td.form input, div#cgit table.tabs td.form select { background:var(--bg2); color:var(--text); border:1px solid var(--border); border-radius:4px; padding:4px 8px; font-size:12px; outline:none; }
div#cgit table.tabs td.form input:focus { border-color:var(--accent); }
div#cgit table.tabs td.form input[type="submit"] { background:var(--accent); color:#fff; border-color:var(--accent); cursor:pointer; font-weight:600; padding:4px 12px; }
div#cgit table.tabs td.form input[type="submit"]:hover { background:var(--accent-hover); }
div#cgit div.path { padding:8px 16px; color:var(--text-dim); font-size:13px; background:var(--bg2); border-bottom:1px solid var(--border); }
div#cgit div.content { margin:0; padding:20px; border-bottom:1px solid var(--border); min-height:200px; }
div#cgit table.list { width:100%; border:none; border-collapse:collapse; }
div#cgit table.list tr { background:transparent; }
div#cgit table.list tr.logheader { background:var(--bg2); }
div#cgit table.list tr:nth-child(even) { background:rgba(255,255,255,.02); }
div#cgit table.list tr:nth-child(odd) { background:transparent; }
div#cgit table.list tr:hover { background:var(--accent-glow); }
div#cgit table.list tr.nohover { background:transparent; }
div#cgit table.list tr.nohover:hover { background:transparent; }
div#cgit table.list th { font-weight:600; color:var(--text-dim); font-size:11px; text-transform:uppercase; letter-spacing:.04em; padding:8px 12px; border-bottom:1px solid var(--border); text-align:left; }
div#cgit table.list td { border:none; padding:8px 12px; vertical-align:middle; font-size:13px; }
div#cgit table.list td a { color:var(--text); }
div#cgit table.list td a.ls-dir { font-weight:600; color:var(--accent); }
div#cgit table.nowrap td { white-space:nowrap; }
div#cgit table.list td.commitgraph { font-family:'SF Mono','Fira Code',monospace; white-space:pre; font-size:12px; }
div#cgit table.list td.commitgraph .column1 { color:var(--red); }
div#cgit table.list td.commitgraph .column2 { color:var(--green); }
div#cgit table.list td.commitgraph .column3 { color:var(--yellow); }
div#cgit table.list td.commitgraph .column4 { color:var(--blue); }
div#cgit table.list td.logsubject { font-family:'SF Mono','Fira Code',monospace; font-weight:600; }
div#cgit table.list td.logmsg { font-family:'SF Mono','Fira Code',monospace; white-space:pre; padding:0 .5em; font-size:12px; color:var(--text-dim); }
div#cgit span.decoration a { display:inline-block; padding:1px 6px; border-radius:3px; font-size:10px; font-weight:700; margin:0 2px; text-decoration:none; }
div#cgit span.decoration a:link, div#cgit span.decoration a:visited { background:var(--accent-glow); color:var(--accent); border:1px solid rgba(99,102,241,.3); }
div#cgit span.decoration a:hover { background:var(--accent); color:#000; }
div#cgit a.branch-deco { background:rgba(34,197,94,.15) !important; color:var(--green) !important; border-color:rgba(34,197,94,.3) !important; }
div#cgit a.branch-deco:hover { background:var(--green) !important; color:#000 !important; }
.age-days, .age-hours, .age-mins { color:var(--text-muted); font-size:12px; }
div#cgit table#downloads { float:right; border-collapse:collapse; border:1px solid var(--border); margin-left:.5em; margin-bottom:.5em; border-radius:var(--radius); }
div#cgit table#downloads th { background:var(--bg2); color:var(--text-dim); padding:6px 10px; font-size:11px; text-transform:uppercase; }
div#cgit table.blob { margin-top:.5em; border-top:1px solid var(--border); }
div#cgit table.blob td.hashes, div#cgit table.blob td.lines { margin:0; padding:0 0 0 .5em; vertical-align:top; color:var(--text); font-family:'SF Mono','Fira Code',monospace; font-size:12px; }
div#cgit table.blob td.linenumbers { margin:0; padding:0 .5em; vertical-align:top; text-align:right; border-right:1px solid var(--border); color:var(--text-muted); font-family:'SF Mono','Fira Code',monospace; font-size:12px; }
div#cgit table.blob pre { padding:0; margin:0; font-family:'SF Mono','Fira Code',monospace; }
div#cgit table.blob td.linenumbers a { color:var(--text-muted); }
div#cgit div.commit-subject { font-weight:700; font-size:18px; margin:1em 0 .5em 0; padding:0; color:var(--text); }
div#cgit div.commit-msg { white-space:pre; font-family:'SF Mono','Fira Code',monospace; font-size:13px; padding:8px 12px; background:var(--bg2); border-radius:var(--radius); border:1px solid var(--border); }
div#cgit table.commit-info { border-collapse:collapse; margin-top:1.5em; }
div#cgit table.commit-info th { text-align:left; font-weight:600; padding:2px 1em 2px 0; vertical-align:top; color:var(--text-dim); font-size:12px; text-transform:uppercase; letter-spacing:.03em; }
div#cgit div.footer { text-align:center; padding:16px 0; color:var(--text-muted); font-size:12px; border-top:1px solid var(--border); margin-top:0; }
div#cgit div.footer a { color:var(--text-muted); }
div#cgit div.error { color:var(--red); font-weight:bold; margin:1em 2em; }
div#cgit td.ls-size { text-align:right; font-family:'SF Mono','Fira Code',monospace; width:10em; color:var(--text-muted); }
div#cgit td.ls-mode { font-family:'SF Mono','Fira Code',monospace; width:10em; color:var(--text-muted); }
@media (max-width:700px) {
  div#cgit { padding:10px 12px; }
  div#cgit table#header td.logo { display:none; }
  div#cgit table#header td.main { font-size:18px; padding-left:0; }
  div#cgit table.tabs td a { padding:5px 8px; font-size:12px; }
  div#cgit div.content { padding:12px; overflow-x:auto; }
  div#cgit table.list td { font-size:12px; padding:6px 8px; }
}