:root {
  color-scheme: dark;
  --color-body: #1a1a1a;
  --color-text: #e0e0e0;
  --color-text-dark: #f0f0f0;
  --color-text-light: #aaa;
  --color-text-light-1: rgba(224,224,224,0.85);
  --color-text-light-2: rgba(170,170,170,0.65);
  --color-text-light-3: rgba(153,153,153,0.45);
  --color-primary: 108, 180, 255;
  --color-primary-contrast: #ffffff;
  --color-primary-alpha-10: rgba(108,180,255,0.1);
  --color-primary-alpha-20: rgba(108,180,255,0.2);
  --color-primary-alpha-40: rgba(108,180,255,0.4);
  --color-secondary: #222;
  --color-secondary-bg: #111;
  --color-secondary-nav-bg: #1e1e1e;
  --color-secondary-alpha-20: rgba(34,34,34,0.2);
  --color-secondary-alpha-50: rgba(34,34,34,0.5);
  --color-secondary-dark-1: #2a2a2a;
  --color-secondary-dark-2: #252525;
  --color-secondary-dark-4: #1e1e1e;
  --color-secondary-dark-5: #1a1a1a;
  --color-secondary-dark-6: #161616;
  --color-secondary-dark-7: #131313;
  --color-secondary-dark-8: #111;
  --color-secondary-light-1: #333;
  --color-accent: #6cb4ff;
  --color-small-accent: #6cb4ff;
  --color-active: rgba(108,180,255,0.12);
  --color-hover: rgba(255,255,255,0.03);
  --color-hover-opaque: #252525;
  --color-shadow: rgba(0,0,0,0.5);
  --color-card: rgba(255,255,255,0.04);
  --color-header: rgba(26,26,26,0.9);
  --color-box-header: rgba(255,255,255,0.06);
  --color-box-body: rgba(255,255,255,0.03);
  --color-box-body-highlight: rgba(255,255,255,0.05);
  --color-input-background: rgba(17,17,17,0.8);
  --color-input-border: #444;
  --color-input-text: #e0e0e0;
  --color-input-toggle-background: #333;
  --color-button: rgba(255,255,255,0.10);
  --color-code-bg: rgba(0,0,0,0.3);
  --color-code-sidebar-bg: rgba(0,0,0,0.2);
  --color-border: #333;
  --color-label-bg: rgba(108,180,255,0.12);
  --color-label-text: rgba(224,224,224,0.8);
  --color-footer: #1a1a1a;
  --color-highlight-bg: rgba(108,180,255,0.15);
  --color-highlight-fg: #fff;
  --color-caret: #e0e0e0;
  --color-timeline: #333;
  --color-expand-button: rgba(255,255,255,0.08);
  --color-menu: rgba(26,26,26,0.95);
  --color-menu-border: #3a3a3a;
  --color-tooltip-bg: #333;
  --color-tooltip-text: #e0e0e0;
  --color-modal-bg: #1a1a1a;
  --color-console-bg: #111;
  --color-console-active-bg: #1a1a1a;
  --color-console-hover-bg: #222;
  --color-console-fg: #e0e0e0;
  --color-console-fg-subtle: rgba(170,170,170,0.6);
  --color-console-border: #333;
  --color-console-link: #6cb4ff;
  --color-console-menu-bg: #1a1a1a;
  --color-console-menu-border: #333;
  --color-red: #c44;
  --color-orange: #e08840;
  --color-yellow: #d4a040;
  --color-green: #40b868;
  --color-teal: #40b8a0;
  --color-blue: #6cb4ff;
  --color-violet: #9070e0;
  --color-grey: #666;
  --color-grey-light: #888;
  --color-gold: #d4a040;
  --color-white: #e0e0e0;
  --color-git: #e06040;
  --color-danger: #c44;
  --color-info-bg: rgba(108,180,255,0.1);
  --color-info-border: rgba(108,180,255,0.25);
  --color-info-text: #6cb4ff;
  --color-success-bg: rgba(102,170,153,0.1);
  --color-success-border: rgba(102,170,153,0.25);
  --color-success-text: #6a9;
  --color-warning-bg: rgba(212,160,64,0.1);
  --color-warning-border: rgba(212,160,64,0.25);
  --color-warning-text: #e0c060;
  --color-error-bg: rgba(204,68,68,0.1);
  --color-error-bg-hover: rgba(204,68,68,0.14);
  --color-error-bg-active: rgba(204,68,68,0.18);
  --color-error-border: rgba(204,68,68,0.3);
  --color-error-text: #f44;
  --color-green-badge: #40b868;
  --color-green-badge-bg: rgba(64,184,104,0.15);
  --color-green-badge-hover-bg: rgba(64,184,104,0.25);
  --color-green-dark-1: #308850;
  --color-green-dark-2: #206838;
  --color-yellow-badge: #d4a040;
  --color-yellow-badge-bg: rgba(212,160,64,0.15);
  --color-yellow-badge-hover-bg: rgba(212,160,64,0.25);
  --color-yellow-dark-1: #a07830;
  --color-diff-removed-row-bg: rgba(204,68,68,0.06);
  --color-diff-removed-row-border: rgba(204,68,68,0.15);
  --color-diff-removed-word-bg: rgba(204,68,68,0.2);
  --color-diff-removed-linenum-bg: rgba(204,68,68,0.1);
  --color-diff-removed-fg: #f66;
  --color-diff-added-row-bg: rgba(102,170,102,0.06);
  --color-diff-added-row-border: rgba(102,170,102,0.15);
  --color-diff-added-word-bg: rgba(102,170,102,0.2);
  --color-diff-added-linenum-bg: rgba(102,170,102,0.1);
  --color-diff-added-fg: #6a9;
  --color-diff-moved-row-bg: rgba(212,160,64,0.06);
  --color-diff-inactive: rgba(153,153,153,0.3);
  --color-editor-line-highlight: rgba(108,180,255,0.06);
  --color-editor-selection: rgba(108,180,255,0.2);
  --color-workflow-edge-hover: rgba(108,180,255,0.5);
  --color-transparency-grid-dark: #333;
  --color-transparency-grid-light: #222;
  --color-syntax-text: #e0e0e0;
  --color-syntax-text-alt: #bbb;
  --color-syntax-comment: #888;
  --color-syntax-comment-special: #999;
  --color-syntax-keyword: #6cb4ff;
  --color-syntax-tag: #70d0a0;
  --color-syntax-string: #a0d880;
  --color-syntax-string-special: #d8b860;
  --color-syntax-number: #d8a060;
  --color-syntax-bool: #d8a060;
  --color-syntax-variable: #e0e0e0;
  --color-syntax-type: #70c8e0;
  --color-syntax-name: #6cb4ff;
  --color-syntax-name-pseudo: #c890e0;
  --color-syntax-namespace: #70c8e0;
  --color-syntax-operator: #e0e0e0;
  --color-syntax-punctuation: #888;
  --color-syntax-property: #6cb4ff;
  --color-syntax-attribute: #70d0a0;
  --color-syntax-entity: #d8b860;
  --color-syntax-escape: #d8b860;
  --color-syntax-link: #6cb4ff;
  --color-syntax-heading: #f0f0f0;
  --color-syntax-subheading: #e0e0e0;
  --color-syntax-strong: #f0f0f0;
  --color-syntax-emph: #e0e0e0;
  --color-syntax-control: #6cb4ff;
  --color-syntax-decorator: #c890e0;
  --color-syntax-preproc: #6cb4ff;
  --color-syntax-preproc-file: #a0d880;
  --color-syntax-prompt: #888;
  --color-syntax-output: #e0e0e0;
  --color-syntax-traceback: #c44;
  --color-syntax-invalid: #c44;
  --color-syntax-regexp: #d8b860;
  --color-syntax-diff-fg: #e0e0e0;
  --color-syntax-deleted-bg: rgba(204,68,68,0.12);
  --color-syntax-inserted-bg: rgba(102,170,102,0.12);
  --color-syntax-whitespace: #444;
  --color-syntax-matching-bracket-bg: rgba(108,180,255,0.2);
  --color-syntax-nonmatching-bracket-bg: rgba(204,68,68,0.2);
  --color-ansi-black: #222;
  --color-ansi-red: #c44;
  --color-ansi-green: #40b868;
  --color-ansi-yellow: #d4a040;
  --color-ansi-blue: #6cb4ff;
  --color-ansi-magenta: #c890e0;
  --color-ansi-cyan: #40b8c0;
  --color-ansi-white: #e0e0e0;
  --color-ansi-bright-black: #555;
  --color-ansi-bright-red: #f66;
  --color-ansi-bright-green: #6a9;
  --color-ansi-bright-yellow: #e0c060;
  --color-ansi-bright-blue: #8cb4ff;
  --color-ansi-bright-magenta: #d8b0f0;
  --color-ansi-bright-cyan: #60d8e0;
  --color-ansi-bright-white: #f0f0f0;
  --border-radius: 10px;
}

/* ── Global font ── */
body {
  font-family: 'Lucida Grande', 'Segoe UI', sans-serif !important;
}

/* ── Links: light blue ── */
a,
.ui.menu a.item,
.ui.list a.item,
.ui.dropdown a.item {
  color: #b8d8ff !important;
}
a:hover,
.ui.menu a.item:hover,
.ui.list a.item:hover,
.ui.dropdown a.item:hover {
  color: #d4e8ff !important;
}
a:active {
  color: #90c0ff !important;
}

/* ── Scrollbar styling ── */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #1a1a1a; border-radius: 5px; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #555 0%, #3a3a3a 100%);
  border-radius: 5px;
  border: 2px solid #1a1a1a;
}

/* ── All buttons: glossy gel style ── */
.ui.button,
.ui.button:not(.icon),
.ui.primary.button,
.ui.basic.button,
.ui.negative.button,
.ui.positive.button,
.ui.green.button,
.ui.red.button,
.ui.blue.button,
button:not(.item) {
  border-radius: 14px !important;
  border: none !important; 
  background: linear-gradient(180deg, #333 0%, #222 100%) !important;
  color: #ddd !important;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3) !important;
  box-shadow: 0 0 0 1.5px rgba(60,60,60,0.9), 0 2px 4px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.05) !important;
  font-weight: 500 !important;
}

.ui.primary.button,
.ui.blue.button {
  background: linear-gradient(180deg, #5a9eff 0%, #2a6ddb 45%, #1a4faa 55%, #2860c8 100%) !important;
  border: none !important; 
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 0 1.5px rgba(20,50,100,0.9), 0 2px 4px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.3) !important;
}

.ui.green.button,
.ui.positive.button {
  background: linear-gradient(180deg, #4cb870 0%, #388850 100%) !important;
  border: none !important; 
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 0 1.5px rgba(30,80,40,0.9), 0 2px 4px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.2) !important;
}

.ui.red.button,
.ui.negative.button {
  background: linear-gradient(180deg, #c44 0%, #922 100%) !important;
  border: none !important; 
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.4) !important;
  box-shadow: 0 0 0 1.5px rgba(80,10,10,0.9), 0 2px 4px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.2) !important;
}

.ui.button:hover,
button:not(.item):hover {
  background: linear-gradient(180deg, #3d3d3d 0%, #2a2a2a 100%) !important;
  box-shadow: 0 0 0 1.5px rgba(80,80,80,0.9), 0 2px 4px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.ui.primary.button:hover,
.ui.blue.button:hover {
  background: linear-gradient(180deg, #6aafff 0%, #3a7deb 45%, #2a5fba 55%, #3870d8 100%) !important;
  box-shadow: 0 0 0 1.5px rgba(30,60,120,0.9), 0 2px 6px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.35) !important;
}

.ui.green.button:hover,
.ui.positive.button:hover {
  background: linear-gradient(180deg, #5cc880 0%, #489860 100%) !important;
  box-shadow: 0 0 0 1.5px rgba(40,90,50,0.9), 0 2px 6px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.25) !important;
}

.ui.red.button:hover,
.ui.negative.button:hover {
  background: linear-gradient(180deg, #d55 0%, #a33 100%) !important;
  box-shadow: 0 0 0 1.5px rgba(100,20,20,0.9), 0 2px 6px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.25) !important;
}

/* Active/pressed: gradient inverts */
.ui.button:active,
button:not(.item):active {
  background: linear-gradient(180deg, #1a1a1a 0%, #2a2a2a 100%) !important;
}

.ui.primary.button:active,
.ui.blue.button:active {
  background: linear-gradient(180deg, #1a4faa 0%, #2a6ddb 55%, #5a9eff 100%) !important;
}

/* ── Icon-only buttons ── */
.ui.button.icon,
button.item {
  border-radius: 12px !important;
}

/* ── Info/message boxes: rounded translucent ── */
.ui.message,
.ui.info.message,
.ui.warning.message,
.ui.error.message,
.ui.success.message,
.ui.negative.message,
.ui.positive.message,
.flash-message,
.flash-info,
.flash-warning,
.flash-error {
  border-radius: 10px !important;
  border: 1px solid #3a3a3a !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.ui.info.message {
  background: rgba(108,180,255,0.08) !important;
  border-color: rgba(108,180,255,0.25) !important;
  color: #6cb4ff !important;
}

/* ── Inputs: recessed/inset style ── */
input, textarea, select,
.ui.input input,
.ui.form input[type="text"],
.ui.form input[type="password"],
.ui.form input[type="email"],
.ui.form input[type="url"],
.ui.form textarea,
.ui.selection.dropdown {
  border-radius: 22px !important;
  border: 2px solid #444 !important;
  background: linear-gradient(180deg, #111 0%, #1a1a1a 100%) !important;
  color: #e0e0e0 !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.05) !important;
}

input:focus, textarea:focus,
.ui.input input:focus {
  border-color: #4a90d9 !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.5), 0 0 6px rgba(74,144,217,0.4) !important;
}

/* ── Segments / cards: translucent panel ── */
.ui.segment,
.ui.attached.segment,
.ui.raised.segment {
  border-radius: 10px !important;
  border: 1px solid #3a3a3a !important;
  background: rgba(20,20,25,0.85) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

/* ── Dropdowns: translucent rounded ── */
.ui.dropdown .menu,
.ui.selection.dropdown .menu {
  border-radius: 10px !important;
  border: 1px solid #3a3a3a !important;
  background: rgba(26,26,26,0.95) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.5) !important;
}

/* ── Labels / tags: pill shaped ── */
.ui.label {
  border-radius: 20px !important;
}

/* ── Navbar: brushed metal ── */
.full.height > :first-child {
  background: linear-gradient(180deg, #2a2a2a 0%, #1e1e1e 50%, #181818 100%) !important;
  border-bottom: 1px solid #333 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;
}

/* ── Tab menus: segmented control style ── */
.ui.secondary.pointing.menu .active.item {
  border-color: #6cb4ff !important;
  color: #fff !important;
}

/* ── Repository box ── */
.ui.repository.list .item,
.flex-item {
  border-color: #333 !important;
}

/* ── Modal: rounded translucent ── */
.ui.modal {
  border-radius: 16px !important;
  background: rgba(20,20,25,0.92) !important;
  border: 1px solid #3a3a3a !important;
  overflow: hidden !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.7) !important;
}

.ui.modal > .header {
  border-radius: 16px 16px 0 0 !important;
  background: linear-gradient(180deg, #2e2e34 0%, #222228 100%) !important;
  border-bottom: 1px solid #3a3a3a !important;
}

/* ── Search bar: merge input + button ── */
.ui.action.input {
  border-radius: 22px !important;
  border: 2px solid #444 !important;
  background: linear-gradient(180deg, #111 0%, #1a1a1a 100%) !important;
  overflow: hidden;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.5) !important;
}

.ui.action.input input {
  border: none !important;
  background: transparent !important;
  border-radius: 22px 0 0 22px !important;
  box-shadow: none !important;
}

.ui.action.input input:focus {
  box-shadow: none !important;
  border: none !important;
}

.ui.action.input .button,
.ui.action.input button {
  border: none !important;
  border-left: 1px solid #333 !important;
  background: linear-gradient(180deg, #333 0%, #222 100%) !important;
  border-radius: 0 20px 20px 0 !important;
  box-shadow: none !important;
}

.ui.action.input .button:hover,
.ui.action.input button:hover {
  background: linear-gradient(180deg, #3d3d3d 0%, #2a2a2a 100%) !important;
}

/* ── Dropdown menu items: flat inside menu ── */
.ui.dropdown .menu .item,
.ui.dropdown .menu a.item,
.ui.dropdown .menu .item:hover,
.ui.dropdown .menu a.item:hover,
.ui.dropdown .menu .active.item {
  border-radius: 0 !important;
}

/* ── Filter dropdown in search bars: text-only style ── */
.ui.small.dropdown.jump,
.ui.dropdown.jump,
.ui.secondary.filter.menu .dropdown {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
}

.ui.small.dropdown.jump:hover,
.ui.dropdown.jump:hover,
.ui.secondary.filter.menu .dropdown:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ── Dropdowns inside search/action inputs ── */
.ui.action.input .ui.dropdown,
.ui.action.input .ui.selection.dropdown,
.ui.action.input select,
.ui.search.action.input .ui.dropdown,
.ui.search.action.input .ui.selection.dropdown {
  border-radius: 0 !important;
  border: none !important;
  border-right: 1px solid #333 !important;
  background: rgba(34,34,34,0.5) !important;
  box-shadow: none !important;
}

.ui.action.input .ui.dropdown:first-child,
.ui.action.input .ui.selection.dropdown:first-child {
  border-radius: 22px 0 0 22px !important;
}

.ui.search.action.input .ui.selection.dropdown,
.ui.fluid.action.input .ui.selection.dropdown {
  border-radius: 0 !important;
  border: none !important;
  border-right: 1px solid #333 !important;
  background: rgba(34,34,34,0.5) !important;
  box-shadow: none !important;
}

/* ── Commit graph: make lines and dots visible ── */
#git-graph .flow-group {
  stroke: #6cb4ff !important;
  fill: #6cb4ff !important;
}

#git-graph svg,
.graph-canvas svg {
  --color-0: #6cb4ff;
  --color-1: #40b868;
  --color-2: #c890e0;
  --color-3: #d4a040;
  --color-4: #c44;
  --color-5: #40b8c0;
  --color-6: #e08840;
  --color-7: #8cb4ff;
}

#git-graph .commit-dot,
.graph-canvas circle {
  fill: #6cb4ff !important;
}

#git-graph path,
#git-graph line,
.graph-canvas path,
.graph-canvas line {
  stroke-opacity: 0.8 !important;
}

svg.git-graph-container path { stroke-opacity: 0.8 !important; }
svg.git-graph-container circle { fill-opacity: 1 !important; }

/* ── Activity heatmap: aqua color scheme ── */
.activity-heatmap-container rect,
#user-heatmap rect {
  rx: 2;
}

.activity-heatmap-container .heatmap-color-0,
#user-heatmap [fill="#ebedf0"] { fill: rgba(255,255,255,0.04) !important; }
.activity-heatmap-container .heatmap-color-1,
#user-heatmap [fill="#9be9a8"],
#user-heatmap [fill*="c6e48b"],
#user-heatmap [fill*="7bc96f"] { fill: rgba(108,180,255,0.25) !important; }
.activity-heatmap-container .heatmap-color-2,
#user-heatmap [fill*="239a3b"],
#user-heatmap [fill*="49af5d"] { fill: rgba(108,180,255,0.5) !important; }
.activity-heatmap-container .heatmap-color-3,
#user-heatmap [fill*="#196127"],
#user-heatmap [fill*="2c8745"] { fill: rgba(108,180,255,0.75) !important; }
.activity-heatmap-container .heatmap-color-4,
#user-heatmap [fill*="#003820"] { fill: rgba(108,180,255,1) !important; }

/* Gitea uses CSS variables for heatmap - override them */
.activity-heatmap-container,
#user-heatmap {
  --color-primary-dark-1: #6cb4ff !important;
  --color-primary-dark-3: rgba(108,180,255,0.7) !important;
  --color-primary-light-1: rgba(108,180,255,0.5) !important;
  --color-primary-light-3: rgba(108,180,255,0.3) !important;
  --color-primary-light-5: rgba(108,180,255,0.15) !important;
}

/* ── Heatmap graduated aqua colors via primary variants ── */
:root {
  --color-primary-light-7: #222;
  --color-primary-light-6: rgba(108,180,255,0.15);
  --color-primary-light-5: rgba(108,180,255,0.20);
  --color-primary-light-4: rgba(108,180,255,0.30);
  --color-primary-light-1: rgba(108,180,255,0.50);
  --color-primary-dark-1: rgb(88,160,235);
  --color-primary-dark-2: rgb(68,140,215);
  --color-primary-dark-3: rgb(48,120,195);
  --color-primary-hover: rgba(108,180,255,0.85);
  --color-primary-active: rgba(108,180,255,0.95);
}

/* ── Heatmap empty squares ── */
#user-heatmap rect[fill="var(--color-secondary)"],
.activity-heatmap-container rect[fill="var(--color-secondary)"] {
  fill: #1a1a1a !important;
}

.activity-heatmap-container svg rect[fill],
#user-heatmap svg rect {
  outline: none;
}

.activity-heatmap-container svg rect[style*="fill: var(--color-primary-light-7)"],
.activity-heatmap-container svg rect[style*="fill: #000"],
.activity-heatmap-container svg rect[style*="fill: rgb(0"],
#user-heatmap svg rect[style*="fill: var(--color-primary-light-7)"] {
  fill: #222 !important;
}

.activity-heatmap-container rect[fill="#000000"],
.activity-heatmap-container rect[fill="#000"],
.activity-heatmap-container rect[fill="black"],
#user-heatmap rect[fill="#000000"],
#user-heatmap rect[fill="#000"],
#user-heatmap rect[fill="black"] {
  fill: #222 !important;
}

.activity-heatmap-container,
#user-heatmap {
  --color-primary-light-7: #222 !important;
}

#user-heatmap svg rect[style] {
  stroke: #333 !important;
  stroke-width: 1 !important;
}

#user-heatmap {
  background: #1a1a1a;
}

#user-heatmap svg rect {
  fill: #2a2a2a;
}

#user-heatmap svg rect[style*="--color-primary-light-6"] { fill: rgba(108,180,255,0.2) !important; }
#user-heatmap svg rect[style*="--color-primary-light-5"] { fill: rgba(108,180,255,0.3) !important; }
#user-heatmap svg rect[style*="--color-primary-light-4"] { fill: rgba(108,180,255,0.4) !important; }
#user-heatmap svg rect[style*="--color-primary-light-1"] { fill: rgba(108,180,255,0.6) !important; }
#user-heatmap svg rect[style*="--color-primary-dark-1"] { fill: rgba(108,180,255,0.75) !important; }
#user-heatmap svg rect[style*="--color-primary-dark-2"] { fill: rgba(108,180,255,0.85) !important; }
#user-heatmap svg rect[style*="--color-primary-dark-3"] { fill: rgba(108,180,255,1) !important; }

/* ── Hide redundant "Sign In" header on login page ── */
.page-content.user.signin .ui.attached.segment.header,
.page-content.user.signin .ui.top.attached.header,
.page-content.user.signin h4.ui.top.attached.header {
  display: none !important;
}

/* ── Homepage: hide navbar, footer, no scroll ── */
.page-content.home ~ footer,
body:has(.page-content.home) footer,
body:has(.page-content.home) .footer {
  display: none !important;
}

body:has(.page-content.home) {
  overflow: hidden !important;
}

body:has(.page-content.home) > .full.height > :first-child {
  display: none !important;
}

/* ── Dashboard repo sidebar: add gap between search and list ── */
.repos-search {
  margin-bottom: 8px !important;
}

/* ── Gap between Repositories header and search box ── */
.ui.top.attached.header + .repos-search,
h4.ui.top.attached.header + .ui.attached.segment {
  margin-top: 8px !important;
}

/* ── Clip highlights inside rounded repo list ── */
.ui.attached.table.segment.tw-rounded-b {
  overflow: hidden !important;
}

/* ── Commits page: gap between search bar and commits list ── */
.repository.commits .ui.top.attached.header + .ui.attached.segment,
.repository.commits .ui.top.attached.segment + .ui.attached.segment,
.repository.commits form + .ui.segment,
.repository.commits .commit-list-container,
.commits-page-grid-element-header + .commits-page-grid-element {
  margin-top: 8px !important;
}

/* ── Commits page: gap between search and commit list ── */
.page-content.repository.commits .ui.container > .ui.attached.table.segment {
  margin-top: 8px !important;
}

/* ── Repository summary: clip background to rounded border ── */
.ui.segments.repository-summary {
  overflow: hidden !important;
  border-radius: 10px !important;
}

/* ── Nav number badges: wider to fit content ── */
.secondary-nav .ui.label,
.repo-header .ui.label {
  min-width: 1.8em !important;
  padding: 0.3em 0.6em !important;
  border-radius: 10px !important;
}

/* ── Branches page: gap between search and list ── */
.page-content.repository.branches .ui.container > .ui.attached.table.segment {
  margin-top: 8px !important;
}

/* ── Empty repo clone bar: HTTPS button no rounded bg ── */
.empty-repo-guide .repo-button-row .clone-buttons-combo button.repo-clone-https {
  border-radius: 0 !important;
}

/* ── Manage topics button: compact pill ── */
button#manage_topic {
  padding: 0.3em 0.8em !important;
  width: auto !important;
  display: inline-block !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #333 0%, #222 100%) !important;
  border: none !important; 
}

/* ── File search popup: more opaque ── */
.file-search-popup {
  background: rgba(26,26,26,0.95) !important;
}

.file-search-popup svg {
  color: white !important;
}

/* ── Dropzone upload button: more padding ── */
.ui.dropzone .dz-default .dz-button {
  padding: 0.8em 1.5em !important;
}

/* ── Create repo page: help text visibility ── */
.page-content.repository.new-repo .help,
.page-content.repository.new-repo .field .help {
  color: rgba(255,255,255,0.85) !important;
}

/* ── Checkbox inputs: restore native appearance ── */
label.gt-checkbox input,
.gt-checkbox input[type="checkbox"],
input[type="checkbox"],
input[type="radio"] {
  appearance: auto !important;
  -webkit-appearance: auto !important;
  background: initial !important;
  border: initial !important;
  border-radius: initial !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

/* ── Global: gap between all attached header/segment pairs ── */
.ui.attached.segment + .ui.attached.segment,
.ui.attached.segment + .ui.attached.table.segment,
.ui.top.attached.header + .ui.attached.segment,
.ui.top.attached.segment + .ui.attached.segment,
.ui.top.attached.segment + .ui.attached.table.segment {
  margin-top: 8px !important;
}

/* ── File header bar (README etc): rounded corners ── */
h4.file-header.ui.top.attached.header,
h4.ui.top.attached.header.tw-flex.tw-items-center {
  border-radius: 10px !important;
}

/* ── Repo nav buttons (Clone, etc): text-only, no background/border ── */
.repo-header .ui.compact.small.basic.button,
.secondary-nav .ui.compact.small.basic.button,
.secondary-nav .ui.labeled.button button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--color-text-light) !important;
  text-shadow: none !important;
}

.repo-header .ui.compact.small.basic.button:hover,
.secondary-nav .ui.compact.small.basic.button:hover,
.secondary-nav .ui.labeled.button button:hover {
  background: transparent !important;
  color: var(--color-accent) !important;
  border: none !important;
  box-shadow: none !important;
}

/* ── Comment header + body: merge seamlessly ── */
.timeline-item .comment-container {
  border-radius: 10px !important;
  overflow: hidden !important;
}

.timeline-item .comment-container .comment-header,
.timeline-item .comment-container .avatar-content-left-arrow,
.timeline-item .comment-container .comment-header * {
  border-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.timeline-item .comment-container .ui.attached.segment.comment-body,
.timeline-item .comment-container .comment-body {
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-top: none !important;
  margin-top: 0 !important;
}

.timeline-item .comment-container .comment-header + .comment-body {
  border-top: none !important;
}