:root {
    --color-black: #050505;
    --color-dark-blue: #0a0b10;
    --color-neon-cyan: #00fbff;
    --color-neon-pink: #ff00ff;
    --color-neon-yellow: #fcee0a;
    --color-high-contrast-grey: #e0e0e0;
    --color-secondary-text: #a0a0a0;
    --color-primary: var(--color-neon-cyan);
    --color-secondary: #00a0a0;
    --color-body: var(--color-black);
    --color-box-body: var(--color-dark-blue);
    --color-text: var(--color-high-contrast-grey);
    --color-text-light: var(--color-secondary-text);
    --color-border: #1a1a1a;
    --color-navbar: var(--color-black);
    --color-menu: var(--color-dark-blue);
    --color-card: var(--color-dark-blue);
    --base-border-radius: 4px;
    --color-heatmap-0: #0d1117;
    --color-heatmap-1: #003344;
    --color-heatmap-2: #005566;
    --color-heatmap-3: #0088aa;
    --color-heatmap-4: #00fbff;
    --color-secondary-alpha-70: #0d1117;
    --color-primary-light-4: #002233;
    --color-primary-light-2: #003344;
    --color-primary: #005566;
    --color-primary-dark-2: #0088aa;
    --color-primary-dark-4: #00fbff;
    --fonts-regular: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --fonts-monospace: 'Consolas', 'Monaco', 'Courier New', monospace;
}

body {
    background-color: var(--color-black);
    color: var(--color-text);
    font-family: var(--fonts-regular);
}

@keyframes cyber-fade-in {
    0% {
        opacity: 0;
        filter: blur(4px);
    }

    100% {
        opacity: 1;
        filter: blur(0);
    }
}

@keyframes typing-animate {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes blink-cursor {

    0%,
    100% {
        border-right-color: var(--color-neon-cyan);
    }

    50% {
        border-right-color: transparent;
    }
}

@keyframes cyber-cursor-blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

::selection {
    background: rgba(0, 251, 255, 0.3) !important;
    color: #fff !important;
}

::-moz-selection {
    background: rgba(0, 251, 255, 0.3) !important;
    color: #fff !important;
}

.issue-title,
.pull-title,
.comment-content,
.file-view.markup.markdown h1,
.file-view.markup.markdown h2,
.file-view.markup.markdown h3,
.file-view.markup.markdown p,
.file-view.markup.markdown li,
.file-view.markup.markdown code {
    overflow: hidden;
    white-space: normal;
    animation: typing-animate 0.4s steps(40, end);
}

@keyframes neon-glow-in {
    0% {
        opacity: 0;
        box-shadow: 0 0 0 rgba(0, 251, 255, 0);
        transform: scale(0.95);
    }

    50% {
        opacity: 0.7;
        box-shadow: 0 0 20px rgba(0, 251, 255, 0.5);
    }

    100% {
        opacity: 1;
        box-shadow: 0 0 10px rgba(0, 251, 255, 0.3);
        transform: scale(1);
    }
}

.file-view.markup.markdown img,
.file-view.markup.markdown table,
.file-view.markup.markdown blockquote,
.file-view.markup.markdown pre {
    animation: neon-glow-in 0.6s ease-out forwards;
    border: 1px solid rgba(0, 251, 255, 0.5) !important;
    border-radius: 4px;
}

.file-view.markup.markdown table {
    border-collapse: collapse;
}

.file-view.markup.markdown table th,
.file-view.markup.markdown table td {
    border: 1px solid rgba(0, 251, 255, 0.3) !important;
    padding: 8px 12px;
}

h1,
h2,
.repo-title,
.ui.card,
.ui.segment {
    animation: none !important;
    transition: filter 0.2s ease, box-shadow 0.2s ease;
}

h1:hover,
h2:hover,
.repo-title:hover,
.ui.card:hover,
.ui.segment:hover,
.ui.menu .item:hover:not(.brand):not(.brand *),
.releases .item:hover,
.tags .item:hover,
a:hover:not(.item.brand a):not(.item.brand *) {
    filter: brightness(1.2);
}

a {
    color: var(--color-neon-cyan) !important;
    text-decoration: none;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

a:hover {
    color: var(--color-neon-pink) !important;
    text-shadow: 0 0 8px var(--color-neon-pink);
}

.ui.card,
.ui.segment,
.timeline-item,
.comment,
.issue.list>.item,
.repository.list>.item,
.feeds>.news {
    border: 1px solid #1a1a1a !important;
    background: rgba(10, 11, 16, 0.95) !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: 0 0 10px rgba(0, 251, 255, 0.05);
    border-radius: var(--base-border-radius) !important;
}

.ui.card:hover,
.ui.segment:hover,
.timeline-item:hover,
.repository.list>.item:hover {
    border-color: var(--color-neon-cyan) !important;
    box-shadow: 0 0 20px rgba(0, 251, 255, 0.25) !important;
}

.ui.menu {
    background-color: var(--color-black) !important;
    border: none !important;
    box-shadow: none !important;
}

.ui.menu .item {
    color: var(--color-text) !important;
    transition: all 0.2s ease;
}

.ui.menu .item:hover {
    background-color: rgba(0, 251, 255, 0.1) !important;
    color: var(--color-neon-cyan) !important;
}

.ui.button,
.ui.basic.button {
    background-color: transparent !important;
    border: 1px solid var(--color-neon-pink) !important;
    color: var(--color-neon-pink) !important;
    text-shadow: 0 0 5px var(--color-neon-pink);
    transition: all 0.2s ease !important;
    box-shadow: 0 0 5px rgba(255, 0, 255, 0.3);
    border-radius: var(--base-border-radius) !important;
}

.ui.button:hover,
.ui.basic.button:hover {
    background-color: var(--color-neon-pink) !important;
    color: #000 !important;
    box-shadow: 0 0 20px var(--color-neon-pink) !important;
    text-shadow: none;
}

.ui.button.primary,
.ui.button.green {
    border-color: var(--color-neon-cyan) !important;
    color: var(--color-neon-cyan) !important;
    text-shadow: 0 0 5px var(--color-neon-cyan);
    box-shadow: 0 0 5px rgba(0, 251, 255, 0.3);
}

.ui.button.primary:hover,
.ui.button.green:hover {
    background-color: var(--color-neon-cyan) !important;
    color: #000 !important;
    box-shadow: 0 0 20px var(--color-neon-cyan) !important;
}

input,
textarea,
.ui.input>input,
.ui.form input,
.ui.form textarea,
.CodeMirror,
.monaco-editor,
[contenteditable] {
    background-color: #000 !important;
    border: 1px solid var(--color-neon-cyan) !important;
    color: var(--color-neon-cyan) !important;
    box-shadow: 0 0 5px rgba(0, 251, 255, 0.2);
    border-radius: var(--base-border-radius) !important;
    transition: all 0.2s ease;
    caret-color: var(--color-neon-cyan) !important;
}

input:focus,
textarea:focus,
.ui.input>input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
.CodeMirror:focus,
[contenteditable]:focus {
    border-color: var(--color-neon-pink) !important;
    box-shadow: 0 0 15px rgba(255, 0, 255, 0.4) !important;
}

/* Explicit fix for date input */
input[type="date"],
input[type="datetime-local"] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #000 !important;
    border: 1px solid var(--color-neon-cyan) !important;
    color: var(--color-neon-cyan) !important;
    padding: 0.5em !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.ui.header {
    color: #fff !important;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--color-black);
}

::-webkit-scrollbar-thumb {
    background: #333;
    border: 1px solid var(--color-neon-cyan);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-neon-cyan);
    box-shadow: 0 0 8px var(--color-neon-cyan);
}

code,
pre,
.mono {
    font-family: var(--fonts-monospace) !important;
    background-color: #000 !important;
    border: 1px solid var(--color-neon-cyan) !important;
    color: #fff !important;
    padding: 2px 6px;
    border-radius: 4px;
}

pre {
    background-color: #000 !important;
    padding: 16px !important;
    border: 1px solid var(--color-neon-cyan) !important;
    box-shadow: 0 0 10px rgba(0, 251, 255, 0.3);
}

pre code {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    color: #fff !important;
}

.markup code {
    background-color: #161b22 !important;
    color: #ff7b72 !important;
    border: 1px solid #30363d !important;
}

.highlight {
    background-color: #0d1117 !important;
}

.highlight .c,
.highlight .c1,
.highlight .cm {
    color: #8b949e !important;
}

.highlight .k,
.highlight .kd,
.highlight .kn {
    color: #ff7b72 !important;
}

.highlight .s,
.highlight .s1,
.highlight .s2 {
    color: #a5d6ff !important;
}

.highlight .n,
.highlight .nf,
.highlight .nc {
    color: #d2a8ff !important;
}

.highlight .mi,
.highlight .mf {
    color: #79c0ff !important;
}

.ui.form .field,
.ui.grid>.column {
    transform: none !important;
    position: relative !important;
    overflow: visible !important;
}

.following.bar,
.gh-head,
.ui.top.secondary.menu,
nav,
header {
    position: relative !important;
    z-index: 1000 !important;
    overflow: visible !important;
}

.tippy-box,
.tippy-content,
[data-tippy-root] {
    z-index: 10000 !important;
    background-color: #050505 !important;
    border: 1px solid var(--color-neon-pink) !important;
}

.ui.modal {
    z-index: 10001 !important;
}

.ui.dimmer {
    z-index: 10000 !important;
}

.ui.popup,
.ui.flowing.popup,
.ui.tooltip {
    z-index: 10000 !important;
    background-color: #050505 !important;
    border: 1px solid var(--color-neon-cyan) !important;
}

.ui.container,
.ui.form,
.ui.grid,
.ui.grid>.column,
.ui.grid>.row,
.page-content,
.repository,
.dashboard,
#user-heatmap {
    overflow: visible !important;
}

/* Force heatmap lower to prevent overlap */
#user-heatmap {
    position: relative !important;
    z-index: 0 !important;
}

.scrolling.menu,
.ui.dropdown .scrolling.menu {
    position: relative !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 800px !important;
    height: auto !important;
}

/* Custom Scrollbar for Dropdowns */
.scrolling.menu::-webkit-scrollbar,
.ui.dropdown .menu::-webkit-scrollbar,
.context.user.overflow.menu::-webkit-scrollbar {
    width: 6px !important;
    background: transparent !important;
}

.scrolling.menu::-webkit-scrollbar-thumb,
.ui.dropdown .menu::-webkit-scrollbar-thumb,
.context.user.overflow.menu::-webkit-scrollbar-thumb {
    background: var(--color-neon-cyan) !important;
    border-radius: 3px !important;
}

/* Ensure container handles scrollbar correctly */
.ui.dropdown .menu,
.context.user.overflow.menu {
    padding-right: 0 !important;
}

.markup,
.markdown,
.file-view,
.render-content,
.ui.segment.markup,
.file-content,
.non-diff-file-content {
    background-color: #0a0b10 !important;
    color: #e0e0e0 !important;
}

.markup h1,
.markup h2,
.markup h3,
.markup h4,
.markup h5,
.markup h6,
.markdown h1,
.markdown h2,
.markdown h3 {
    color: #fff !important;
    text-shadow: 0 0 5px rgba(0, 251, 255, 0.3);
    border-bottom-color: var(--color-neon-cyan) !important;
}

.markup p,
.markdown p {
    color: #e0e0e0 !important;
}

.file-view pre,
.file-view code,
.view-raw,
.code-view,
.lines-code,
td.lines-code {
    background-color: #000 !important;
    color: var(--color-neon-cyan) !important;
}

.lines-num {
    background-color: #050505 !important;
    color: var(--color-neon-pink) !important;
    border-right: 1px solid #1a1a1a !important;
}

.ui.dropdown .menu .item .ui.button,
.ui.dropdown .menu .item button,
.ui.dropdown .menu .buttons {
    z-index: 1 !important;
    position: relative !important;
}

.ui.dropdown .menu>.item {
    z-index: 99999999 !important;
}

.repo-header,
.repo-title,
.repository .header-wrapper,
.header .header-wrapper,
.repo-buttons {
    background-color: #050505 !important;
}

.repo-title a,
.repository .header-wrapper a {
    color: #fff !important;
    font-weight: bold;
    font-size: 1.2em;
    text-shadow: 0 0 10px rgba(0, 251, 255, 0.8), 0 0 20px rgba(0, 251, 255, 0.4);
}

.repo-title a:hover,
.repository .header-wrapper a:hover {
    text-shadow: 0 0 15px var(--color-neon-cyan), 0 0 30px var(--color-neon-cyan), 0 0 45px var(--color-neon-cyan) !important;
    filter: brightness(1.3);
}

.breadcrumb a {
    color: var(--color-neon-cyan) !important;
}

.ui.table,
.ui.table td,
.ui.table th,
#repo-files-table {
    background-color: #0a0b10 !important;
    color: #e0e0e0 !important;
    border-color: #1a1a1a !important;
}

.ui.table tr:hover td {
    background-color: rgba(0, 251, 255, 0.05) !important;
}

.ui.segment::before,
.ui.card::before,
.file-view::before,
.repository>.ui.container::before,
.markup::before,
.markdown::before,
.topic-manage::before,
.dashboard-repos::before,
.dashboard-orgs::before,
#dashboard-repo-list::before,
.ui.top.attached.header::before,
.ui.attached.segment::before,
.list-header::before,
.search-box::before,
.search-form::before,
.file-header::before,
.header-wrapper::before {
    content: none !important;
    display: none !important;
}

footer,
.footer,
.ui.footer.segment,
#app-footer {
    background-color: #050505 !important;
    border-top: 1px solid var(--color-neon-cyan) !important;
    color: var(--color-neon-cyan) !important;
    padding: 20px !important;
}

footer a,
.footer a {
    color: var(--color-neon-cyan) !important;
    transition: all 0.2s ease;
}

footer a:hover,
.footer a:hover {
    color: var(--color-neon-pink) !important;
    text-shadow: 0 0 8px var(--color-neon-pink);
}

.releases .item,
.tags .item,
.ui.list .item {
    transition: all 0.2s ease;
    animation: none !important;
}

.releases .item:hover,
.tags .item:hover,
.ui.list .item:hover {
    background-color: rgba(0, 251, 255, 0.1) !important;
    filter: brightness(1.15);
}

.repo-buttons .ui.button,
.user-wrapper .ui.button {
    animation: none !important;
    transition: all 0.2s ease;
}

.repo-buttons .ui.button:hover,
.user-wrapper .ui.button:hover {
    filter: brightness(1.3);
    box-shadow: 0 0 20px rgba(0, 251, 255, 0.6), 0 0 40px rgba(0, 251, 255, 0.3);
}

/* Stacking Context Fix for Navbar/Header */
#navbar,
.ui.secondary.menu,
.ui.menu,
.following.bar {
    z-index: 100000 !important;
    position: relative !important;
    overflow: visible !important;
}

.ui.secondary.menu .item,
.ui.tabular.menu .item,
.repo-menu .item,
#navbar .item {
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 0 2px;
    padding: 8px 12px;
    transition: all 0.2s ease;
}

/* Remove default hover effects for notification icon and navbar items to prevent magenta rect */
#navbar .item.tooltip:hover,
#navbar a.item:hover,
.ui.secondary.menu .item:hover,
.ui.tabular.menu .item:hover,
.repo-menu .item:hover,
#navbar .item:hover {
    border-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
    color: var(--color-neon-cyan) !important;
}

/* Icon glow only */
#navbar .item.tooltip:hover svg,
#navbar a.item:hover svg {
    filter: drop-shadow(0 0 5px var(--color-neon-cyan));
    color: var(--color-neon-cyan) !important;
}

.ui.secondary.menu .item.active,
.ui.tabular.menu .item.active,
.repo-menu .item.active {
    border-color: var(--color-neon-cyan) !important;
    background-color: rgba(0, 251, 255, 0.15) !important;
    box-shadow: 0 0 15px rgba(0, 251, 255, 0.3);
    color: var(--color-neon-cyan) !important;
}

.ui.label.private,
.private-label,
.repo-private-label,
.ui.label.small.grey {
    background-color: rgba(128, 0, 128, 0.3) !important;
    color: #c0a0c0 !important;
    border: 1px solid rgba(255, 0, 255, 0.4) !important;
    font-weight: normal !important;
}

.ui.top.attached.header,
.ui.attached.segment,
.ui.attached.header,
.dashboard-repos .ui.header,
.dashboard-orgs .ui.header,
#dashboard-repo-list .header,
.list-header {
    background-color: #0a0b10 !important;
    color: #a0a0a0 !important;
    border-color: #1a1a1a !important;
}

.ui.tabular.menu {
    border-bottom-color: #1a1a1a !important;
    background-color: transparent !important;
}

.ui.tabular.menu .item {
    background-color: #0a0b10 !important;
    color: #808080 !important;
    border-color: #1a1a1a !important;
}

.ui.tabular.menu .item.active {
    background-color: #0a0b10 !important;
    color: var(--color-neon-cyan) !important;
    border-bottom-color: transparent !important;
}

.ui.dropdown,
.ui.selection.dropdown {
    min-width: fit-content !important;
    width: auto !important;
}

.ui.dropdown .menu {
    min-width: 100% !important;
    width: max-content !important;
}

.ui.dropdown .menu>.item {
    white-space: nowrap !important;
}

#navbar-user-dropdown,
.ui.top.right.dropdown,
.user-dropdown {
    position: relative !important;
    z-index: 99999 !important;
}

#navbar-user-dropdown .menu,
.ui.top.right.dropdown .menu,
.user-dropdown .menu {
    right: 0 !important;
    left: auto !important;
    min-width: 200px !important;
}

.repo-list .item,
.user-repos .item {
    background-color: #0a0b10 !important;
    border-bottom: 1px solid #1a1a1a !important;
    transition: all 0.2s ease;
}

.repo-list .item:hover,
.user-repos .item:hover {
    background-color: rgba(0, 251, 255, 0.05) !important;
}

.heat-map .item.less,
.heatmap-color-0,
.contrib-day[data-level="0"] {
    background-color: #0d1117 !important;
}

.heatmap-color-1,
.contrib-day[data-level="1"] {
    background-color: #003333 !important;
}

.heatmap-color-2,
.contrib-day[data-level="2"] {
    background-color: #005555 !important;
}

.heatmap-color-3,
.contrib-day[data-level="3"] {
    background-color: #008888 !important;
}

.heat-map .item.more,
.heatmap-color-4,
.contrib-day[data-level="4"] {
    background-color: #00fbff !important;
    box-shadow: 0 0 5px rgba(0, 251, 255, 0.5);
}

.contrib-legend .item:nth-child(1) {
    background-color: #0d1117 !important;
}

.contrib-legend .item:nth-child(2) {
    background-color: #003333 !important;
}

.contrib-legend .item:nth-child(3) {
    background-color: #005555 !important;
}

.contrib-legend .item:nth-child(4) {
    background-color: #008888 !important;
}

.contrib-legend .item:nth-child(5) {
    background-color: #00fbff !important;
}

svg rect[fill^="#eb"],
svg rect[fill^="#16"],
svg rect[fill^="#2d"],
svg rect[fill^="#18"] {
    fill: var(--color-heatmap-0) !important;
}

svg rect[fill^="#9b"],
svg rect[fill^="#0e"] {
    fill: var(--color-heatmap-1) !important;
}

svg rect[fill^="#40"],
svg rect[fill^="#006"] {
    fill: var(--color-heatmap-2) !important;
}

svg rect[fill^="#30"],
svg rect[fill^="#26"] {
    fill: var(--color-heatmap-3) !important;
}

svg rect[fill^="#21"],
svg rect[fill^="#39"],
svg rect[fill^="#19"],
svg rect[fill^="#00f"],
svg rect[fill^="#00d"] {
    fill: var(--color-heatmap-4) !important;
}

.ui.label.basic.small,
.ui.label.grey,
.repo-header .label,
.visibility-label,
.private-indicator {
    background-color: transparent !important;
    color: #666 !important;
    border: 1px solid #333 !important;
    font-size: 0.85em !important;
}

.repo-list .private,
.repository-list .private,
.ui.divided.list>.item.private,
#dashboard-repo-list .private,
.dashboard-repos .private,
tr.private,
.item[class*="private"],
.flex-item[class*="private"],
.flex-item.private {
    background-color: #0f1015 !important;
    border-top: 1px solid #00fbff !important;
    border-right: 1px solid #00fbff !important;
    border-bottom: 1px solid #00fbff !important;
    border-left: 3px solid #ff00ff !important;
}

.repo-list .private:hover,
.repository-list .private:hover,
.ui.divided.list>.item.private:hover,
.flex-item.private:hover {
    background-color: #151520 !important;
}

html body .ui.dropdown {
    position: relative !important;
}

html body .ui.dropdown>.menu,
html body .ui.active.dropdown>.menu,
html body .ui.visible.dropdown>.menu,
html body .scrolling.menu.items,
html body .context.user.overflow.menu,
html body .ui.floating.dropdown .menu,
.ui.popup,
.tippy-box {
    position: absolute !important;
    z-index: 99999999 !important;
    background: #050505 !important;
    background-color: #050505 !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid var(--color-neon-pink) !important;
    box-shadow: 0 0 40px rgba(255, 0, 255, 0.5), 0 15px 40px rgba(0, 0, 0, 0.95) !important;
    min-width: 300px !important;
    width: auto !important;
    max-width: 600px !important;

    /* Strong Height & Layout Reset */
    max-height: 800px !important;
    height: auto !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    padding-bottom: 0 !important;

    pointer-events: auto !important;
    opacity: 1 !important;
    z-index: 2147483647 !important;
}

/* Specific high z-index for user context dropdown to avoid overlapping with heatmap */
.context.user.overflow.menu {
    z-index: 2147483647 !important;
    transform: none !important;
}

/* Inner Scrolling Container Reset */
.ui.dropdown .scrolling.menu,
.context.user.overflow.menu .scrolling.menu.items {
    max-height: 700px !important;
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: block !important;
    flex: 1 1 auto !important;
}

html body .ui.dropdown>.menu>.item,
html body .ui.dropdown .menu .item,
html body a.item.truncated-item-container {
    background: #050505 !important;
    background-color: #050505 !important;
    z-index: auto !important;
    /* Reset z-index for items */
    transition: none !important;
    cursor: pointer !important;
    user-select: none !important;
    pointer-events: auto !important;

    /* Block Layout Fix for Hover */
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    margin: 0 !important;

    color: #e0e0e0 !important;
    padding: 14px 18px !important;
    border-bottom: 1px solid #1a1a1a !important;
    white-space: nowrap !important;
}

html body .ui.dropdown>.menu>.item:hover,
html body .ui.dropdown .menu .item:hover,
html body .ui.dropdown .menu .active.item,
html body .ui.dropdown .menu .selected.item,
html body a.item.truncated-item-container:hover {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    color: var(--color-neon-cyan) !important;
    border: none !important;
    border-bottom: 1px solid #1a1a1a !important;
    outline: none !important;
    box-shadow: none !important;
    transition: none !important;
    opacity: 1 !important;
    z-index: 999999 !important;
}

html body .ui.dropdown>.menu>.item>*,
html body .ui.dropdown .menu .item>* {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 2 !important;
}

html body .ui.dropdown>.menu>.item::before,
html body .ui.dropdown>.menu>.item::after {
    pointer-events: none !important;
    z-index: 1 !important;
}

.ui.dropdown.item.secondary-nav,
.ui.top.right.pointing.dropdown {
    z-index: 200 !important;
}

.ui.divided.list>.item,
.ui.repository-list .item,
.dashboard-repos .item,
#dashboard-repos-list .item {
    background: transparent !important;
    border-color: #1a1a1a !important;
    color: #a0a0a0 !important;
}

.ui.divided.list>.item a,
.dashboard-repos .item a {
    color: var(--color-neon-cyan) !important;
}

.ui.divided.list>.item:hover {
    background: rgba(0, 251, 255, 0.03) !important;
}

.notification-icon *,
#signed-user-btn *,
.item.link *,
.ui.dropdown.item * {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.notification-icon:hover,
#signed-user-btn:hover,
.item.link:hover {
    background: rgba(0, 251, 255, 0.1) !important;
    border: 1px solid var(--color-neon-cyan) !important;
    box-shadow: 0 0 10px rgba(0, 251, 255, 0.3) !important;
}

.activity-bar .legend li:nth-child(1) {
    background-color: var(--color-heatmap-0) !important;
}

.activity-bar .legend li:nth-child(2) {
    background-color: var(--color-heatmap-1) !important;
}

.activity-bar .legend li:nth-child(3) {
    background-color: var(--color-heatmap-2) !important;
}

.activity-bar .legend li:nth-child(4) {
    background-color: var(--color-heatmap-3) !important;
}

.activity-bar .legend li:nth-child(5) {
    background-color: var(--color-heatmap-4) !important;
}

.activity-bar .legend li:nth-child(6) {
    background-color: var(--color-heatmap-4) !important;
}

.tippy-box,
.tippy-content,
.ui.popup,
[data-tooltip]::after,
.tooltip {
    writing-mode: horizontal-tb !important;
    white-space: nowrap !important;
    text-orientation: mixed !important;
}

a.item:not(.tooltip):not(.not-mobile) {
    border: 1px solid #00fbff !important;
    margin: 2px !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
}

a.item.active:not(.tooltip) {
    border: 1px solid #00fbff !important;
    background: rgba(0, 251, 255, 0.15) !important;
    color: #00fbff !important;
}

a.item.tooltip,
a.item.not-mobile,
a[href="/notifications"] {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

a.item.tooltip span.fitted.item,
a.item.not-mobile span.fitted.item,
a[href="/notifications"] span.fitted.item {
    display: inline-block;
    padding: 6px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

a.item.tooltip span.fitted.item:hover,
a.item.not-mobile span.fitted.item:hover,
a[href="/notifications"] span.fitted.item:hover {
    background: rgba(0, 251, 255, 0.15) !important;
    border: 1px solid #00fbff !important;
    box-shadow: 0 0 10px rgba(0, 251, 255, 0.3) !important;
}

.item.brand * {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    filter: none !important;
}

.ui.segment,
.ui.segments,
.ui.attached.segment,
.ui.secondary.segment,
.dashboard-repos,
.dashboard-orgs,
#dashboard-repo-list,
.repo-list-panel,
.org-list-panel {
    border: 1px solid #00fbff !important;
}

.ui.grey.label,
.ui.label.grey {
    background: transparent !important;
    color: #00fbff !important;
    border: 1px solid #00fbff !important;
}

.truncated-item-name,
span.truncated-item-name {
    border: none !important;
    color: #e0e0e0 !important;
}

.truncated-item-name:hover,
span.truncated-item-name:hover {
    color: #00fbff !important;
}

.editor-toolbar {
    background-color: #050505 !important;
    border-color: #1a1a1a !important;
}

.editor-toolbar a {
    color: #00fbff !important;
}

.editor-toolbar a:hover {
    background-color: #1a1a1a !important;
    border-color: #00fbff !important;
}

.CodeMirror {
    background-color: #000 !important;
    color: #e0e0e0 !important;
    border: 1px solid #00fbff !important;
    caret-color: var(--color-neon-cyan) !important;
}

.CodeMirror-gutters {
    background-color: #050505 !important;
    border-right: 1px solid #1a1a1a !important;
}

.CodeMirror-linenumber {
    color: #ff00ff !important;
}

/* Global Caret Color Force */
* {
    caret-color: #00fbff !important;
}

.CodeMirror,
.CodeMirror-line,
.cm-content,
.cm-line,
.cm-editor,
.cm-scroller,
input,
textarea,
[contenteditable] {
    caret-color: #00fbff !important;
    cursor: text !important;
}

/* Ensure no overflow hides the cursor */
.CodeMirror-lines,
.CodeMirror pre,
.CodeMirror-line,
.cm-content,
.cm-line {
    overflow: visible !important;
}

/* Explicit cursor fix for all CodeMirror lines including empty ones */
.CodeMirror-line {
    caret-color: var(--color-neon-cyan) !important;
}

/* Ensure empty span in pre also shows cursor */
.CodeMirror-line>span>span:empty {
    display: inline-block;
}

.easyMDEContainer .CodeMirror {
    background-color: #050505 !important;
    color: #e0e0e0 !important;
    border: 1px solid #00fbff !important;
}

.easyMDEContainer .editor-preview,
.easyMDEContainer .editor-preview-side {
    background-color: #050505 !important;
    color: #e0e0e0 !important;
    border-color: #00fbff !important;
}

.editor-statusbar {
    color: #a0a0a0 !important;
}

.CodeMirror-selected {
    background-color: rgba(255, 0, 255, 0.2) !important;
}

.monaco-editor .cursor {
    background: var(--color-neon-cyan) !important;
    border-color: var(--color-neon-cyan) !important;
    color: var(--color-neon-cyan) !important;
}

.ui.search.dropdown,
.ui.selection.dropdown {
    background-color: #000 !important;
    color: #e0e0e0 !important;
    border: 1px solid var(--color-neon-cyan) !important;
    border-radius: var(--base-border-radius) !important;
}

.ui.search.dropdown:hover,
.ui.selection.dropdown:hover,
.ui.search.dropdown.active,
.ui.selection.dropdown.active,
.ui.search.dropdown:focus,
.ui.selection.dropdown:focus {
    border-color: var(--color-neon-pink) !important;
    box-shadow: 0 0 10px rgba(0, 251, 255, 0.2) !important;
}

.ui.selection.dropdown .menu {
    border: 1px solid var(--color-neon-cyan) !important;
    background-color: #050505 !important;
}

.ui.selection.dropdown .menu>.item {
    border-top: 1px solid #1a1a1a !important;
    color: #e0e0e0 !important;
    white-space: normal !important;
    word-break: break-all !important;
}

.ui.selection.dropdown .menu>.item:first-child {
    border-top: none !important;
}

.ui.selection.dropdown .menu>.item:hover {
    background-color: #1a1a1a !important;
    color: var(--color-neon-cyan) !important;
}

.ui.selection.dropdown .text {
    color: var(--color-neon-cyan) !important;
}

.ui.selection.dropdown .icon {
    color: var(--color-neon-cyan) !important;
}

.ui.calendar .table td,
.ui.calendar .table th {
    color: #e0e0e0 !important;
}

.ui.calendar .table td.link:hover {
    background-color: var(--color-neon-cyan) !important;
    color: #000 !important;
}

.pika-single {
    background: #050505 !important;
    border: 1px solid var(--color-neon-cyan) !important;
    color: #e0e0e0 !important;
}

.pika-button {
    background: #0a0b10 !important;
    color: #e0e0e0 !important;
}

.pika-button:hover {
    background: var(--color-neon-cyan) !important;
    color: #000 !important;
}

::-webkit-calendar-picker-indicator {
    filter: invert(1) drop-shadow(0 0 2px var(--color-neon-cyan));
    cursor: pointer;
}