/* ============================================ */
/* FORGEJO CUSTOM THEME: GitHub Dark + LumeOS   */
/* by Be1lnash3                                  */
/* ============================================ */

/* ===== ROOT VARIABLES ===== */
:root {
  --color-primary: #6366f1;
  --color-primary-dark: #4f46e5;
  --color-primary-light: #818cf8;
  --color-secondary: #a855f7;
  --color-accent: #ec4899;
  --color-success: #22c55e;
  --color-warning: #eab308;
  --color-error: #ef4444;
  --color-info: #3b82f6;
  
  --color-bg: #0a0a0a;
  --color-bg-secondary: #111111;
  --color-bg-tertiary: #161616;
  --color-bg-card: rgba(15, 15, 15, 0.9);
  --color-bg-hover: rgba(99, 102, 241, 0.05);
  
  --color-border: rgba(255, 255, 255, 0.06);
  --color-border-hover: rgba(93, 92, 241, 0.3);
  
  --color-text: #e2e8f0;
  --color-text-secondary: #94a3b8;
  --color-text-muted: #94a3b8;
  --color-text-link: #6366f1;
  
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
  
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.3);
  --shadow-glow: 0 0 20px rgba(99, 102, 241, 0.15);
  
  --transition: all 0.2s ease;
}

/* ===== RESET & BASE ===== */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: rgba(99, 102, 241, 0.3) var(--color-bg);
}

body {
  font-family: var(--font-sans) !important;
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

::-webkit-scrollbar-thumb {
  background: rgba(99, 102, 241, 0.3);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(99, 102, 241, 0.5);
}

a {
  color: var(--color-text-link) !important;
  text-decoration: none;
  transition: var(--transition);
}

a:hover {
  color: var(--color-secondary) !important;
}

/* ===== NAVBAR ===== */
.ui.secondary.menu,
.ui.secondary.menu .item,
.repository .ui.secondary.menu,
.navigator > .ui.container {
  background: rgba(10, 10, 10, 0.95) !important;
  border-bottom: 1px solid var(--color-border) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

.ui.secondary.menu .item,
.ui.secondary.menu a.item {
  color: var(--color-text-secondary) !important;
  transition: var(--transition) !important;
}

.ui.secondary.menu .item:hover,
.ui.secondary.menu a.item:hover {
  color: var(--color-primary) !important;
}

.ui.secondary.menu .active.item {
  color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

/* ===== CARDS ===== */
.ui.card,
.ui.cards > .card {
  background: var(--color-bg-card) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-lg) !important;
  transition: var(--transition) !important;
  overflow: hidden;
}

.ui.card:hover,
.ui.cards > .card:hover {
  border-color: var(--color-border-hover) !important;
  transform: translateY(-2px);
  box-shadow: var(--shadow-glow) !important;
}

.ui.card > .content {
  border-color: var(--color-border) !important;
}

.ui.card > .content > .header,
.ui.card > .content > .description {
  color: var(--color-text) !important;
}

.ui.card > .content > .meta {
  color: var(--color-text-muted) !important;
}

/* ===== BUTTONS ===== */
.ui.primary.button,
.ui.primary.buttons .button {
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)) !important;
  border: none !important;
  color: white !important;
  border-radius: var(--radius-md) !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3) !important;
  transition: var(--transition) !important;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background: linear-gradient(135deg, var(--color-primary-light), #c084fc) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4) !important;
}

.ui.basic.button,
.ui.basic.buttons .button {
  background: rgba(99, 102, 241, 0.1) !important;
  border: 1px solid rgba(99, 102, 241, 0.3) !important;
  color: var(--color-primary) !important;
  border-radius: var(--radius-md) !important;
}

.ui.green.button,
.ui.positive.button,
.ui.green.buttons .button,
.ui.positive.buttons .button {
  background: linear-gradient(135deg, var(--color-success), #16a34a) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: var(--radius-md) !important;
  font-weight: 600 !important;
}

.ui.red.button,
.ui.negative.button,
.ui.red.buttons .button,
.ui.negative.buttons .button {
  background: linear-gradient(135deg, #ef4444, #dc2626) !important;
  border: 1px solid #f87171 !important;
  color: #ffffff !important;
  border-radius: var(--radius-md) !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.ui.red.button:hover,
.ui.negative.button:hover,
.ui.red.buttons .button:hover,
.ui.negative.buttons .button:hover {
  background: linear-gradient(135deg, #f87171, #ef4444) !important;
  color: #ffffff !important;
}

/* basic + color combos (follow / unfollow on profile, etc.) */
.ui.basic.red.button,
.ui.basic.red.buttons .button {
  background: linear-gradient(135deg, #ef4444, #b91c1c) !important;
  border: 1px solid #fca5a5 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 14px rgba(239, 68, 68, 0.25) !important;
}

.ui.basic.red.button:hover,
.ui.basic.red.buttons .button:hover {
  background: linear-gradient(135deg, #f87171, #ef4444) !important;
  color: #ffffff !important;
  border-color: #fecaca !important;
}

.ui.basic.primary.button,
.ui.basic.primary.buttons .button {
  background: rgba(99, 102, 241, 0.22) !important;
  border: 1px solid rgba(129, 140, 248, 0.65) !important;
  color: #e0e7ff !important;
  font-weight: 600 !important;
}

.ui.basic.primary.button:hover,
.ui.basic.primary.buttons .button:hover {
  background: rgba(99, 102, 241, 0.35) !important;
  color: #ffffff !important;
  border-color: #a5b4fc !important;
}

.ui.basic.green.button,
.ui.basic.positive.button {
  background: rgba(34, 197, 94, 0.18) !important;
  border: 1px solid rgba(74, 222, 128, 0.55) !important;
  color: #bbf7d0 !important;
  font-weight: 600 !important;
}

.ui.basic.button svg,
.ui.button svg,
.ui.buttons .button svg {
  fill: currentColor !important;
  color: inherit !important;
}

.ui.button {
  background: rgba(255, 255, 255, 0.05) !important;
  color: var(--color-text) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  transition: var(--transition) !important;
  font-weight: 500 !important;
}

.ui.button:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

/* profile sidebar: full-width action buttons */
#profile-avatar-card .actions .primary-action .button,
#profile-avatar-card .actions .button {
  width: 100%;
  justify-content: center;
  min-height: 2.5rem;
}

#profile-avatar-card .actions .primary-action {
  flex: 1;
}

#profile-avatar-card .profile-avatar-name .muted,
#profile-avatar-card .profile-avatar-name a.muted {
  color: #a5b4fc !important;
}

#profile-avatar-card .profile-avatar-name a.muted:hover {
  color: #c7d2fe !important;
}

#profile-avatar-card .username {
  color: var(--color-text-secondary) !important;
}

#profile-avatar-card .extra.content,
#profile-avatar-card .extra.content a {
  color: var(--color-text-secondary) !important;
}

.ui.labeled.button .label {
  background: var(--color-bg-tertiary) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text-secondary) !important;
}

/* ===== FORMS ===== */
.ui.input input,
.ui.form input,
.ui.form textarea,
.ui.form select,
.ui.selection.dropdown {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--font-sans) !important;
  transition: var(--transition) !important;
}

.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
.ui.input.focus > input {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
}

.ui.selection.dropdown {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
}

.ui.selection.dropdown .menu {
  background: var(--color-bg-secondary) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-lg) !important;
}

.ui.selection.dropdown .menu > .item {
  color: var(--color-text) !important;
}

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

.ui.selection.dropdown .menu > .selected.item {
  background: rgba(99, 102, 241, 0.15) !important;
  color: var(--color-primary) !important;
}

/* ===== LABELS & TAGS ===== */
.ui.label,
.ui.labels .label {
  background: rgba(99, 102, 241, 0.1) !important;
  border: 1px solid rgba(99, 102, 241, 0.2) !important;
  color: var(--color-primary) !important;
  border-radius: var(--radius-full) !important;
  font-family: var(--font-mono) !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
}

.ui.label.basic {
  background: transparent !important;
}

/* ===== TABLES ===== */
.ui.table {
  background: var(--color-bg-card) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden;
}

.ui.table thead th {
  background: var(--color-bg-tertiary) !important;
  color: var(--color-text-secondary) !important;
  border-bottom: 1px solid var(--color-border) !important;
  font-family: var(--font-mono) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

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

.ui.table tr:hover td {
  background: var(--color-bg-hover) !important;
}

/* ===== TABS ===== */
.ui.tabular.menu .item {
  color: #94a3b8 !important;
  border-color: var(--color-border) !important;
  transition: var(--transition) !important;
  font-weight: 500 !important;
}

.ui.tabular.menu .item:hover {
  color: #cbd5e1 !important;
  background: rgba(99, 102, 241, 0.06) !important;
}

.ui.tabular.menu .item.active,
.ui.tabular.menu .active.item {
  color: #c7d2fe !important;
  border-color: var(--color-primary) !important;
  background: rgba(99, 102, 241, 0.08) !important;
  font-weight: 600 !important;
}

/* ===== CODE ===== */
pre,
code,
.code-view,
.code-view .lines-num,
.code-view .lines-code {
  background: var(--color-bg-secondary) !important;
  color: var(--color-text) !important;
  border: 1px solid var(--color-border) !important;
  font-family: var(--font-mono) !important;
  border-radius: var(--radius-md) !important;
}

.lines-num {
  color: var(--color-text-muted) !important;
  border-right: 1px solid var(--color-border) !important;
}

.lines-code .hljs {
  background: transparent !important;
}

/* ===== MESSAGES ===== */
.ui.message,
.ui.info.message {
  background: rgba(99, 102, 241, 0.05) !important;
  border: 1px solid rgba(99, 102, 241, 0.15) !important;
  color: var(--color-text) !important;
  border-radius: var(--radius-lg) !important;
}

.ui.warning.message {
  background: rgba(234, 179, 8, 0.05) !important;
  border: 1px solid rgba(234, 179, 8, 0.15) !important;
}

.ui.error.message {
  background: rgba(239, 68, 68, 0.05) !important;
  border: 1px solid rgba(239, 68, 68, 0.15) !important;
}

.ui.success.message {
  background: rgba(34, 197, 94, 0.05) !important;
  border: 1px solid rgba(34, 197, 94, 0.15) !important;
}

/* ===== FOOTER ===== */
.ui.vertical.segment.footer {
  background: var(--color-bg-secondary) !important;
  border-top: 1px solid var(--color-border) !important;
  color: var(--color-text-muted) !important;
}

/* ===== DROPDOWN ===== */
.ui.dropdown .menu {
  background: var(--color-bg-secondary) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-lg) !important;
}

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

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

/* ===== MODAL ===== */
.ui.modal {
  background: var(--color-bg-secondary) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-lg) !important;
  color: var(--color-text) !important;
}

.ui.modal > .header {
  background: var(--color-bg-tertiary) !important;
  color: var(--color-text) !important;
  border-bottom: 1px solid var(--color-border) !important;
}

/* ===== PAGINATION ===== */
.ui.pagination.menu .item {
  background: var(--color-bg-card) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text-secondary) !important;
}

.ui.pagination.menu .active.item {
  background: var(--color-primary) !important;
  color: white !important;
}

/* ===== SEARCH ===== */
.ui.search .prompt {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
}

.ui.search .results {
  background: var(--color-bg-secondary) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-lg) !important;
}

.ui.search .result:hover {
  background: var(--color-bg-hover) !important;
}

.ui.search .result .title {
  color: var(--color-text) !important;
}

.ui.search .result .description {
  color: var(--color-text-secondary) !important;
}

/* ===== DIFF ===== */
.diff-file-box {
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden;
}

.diff-file-box .header {
  background: var(--color-bg-tertiary) !important;
  color: var(--color-text) !important;
}

.diff-file-box .diff-file-body {
  background: var(--color-bg-secondary) !important;
}

td.diff-line-del {
  background: rgba(239, 68, 68, 0.08) !important;
}

td.diff-line-add {
  background: rgba(34, 197, 94, 0.08) !important;
}

.diff-code .del-code {
  background: rgba(239, 68, 68, 0.05) !important;
}

.diff-code .add-code {
  background: rgba(34, 197, 94, 0.05) !important;
}

/* ===== SIDEBAR ===== */
.ui.vertical.menu .item {
  color: var(--color-text-secondary) !important;
}

.ui.vertical.menu .active.item {
  background: rgba(99, 102, 241, 0.1) !important;
  color: var(--color-primary) !important;
  border-radius: var(--radius-md) !important;
}

/* ===== LOGIN PAGE ===== */
#login-page {
  background: var(--color-bg) !important;
}

#login-page .ui.card {
  background: var(--color-bg-card) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-lg) !important;
}

/* ===== REPO FILE LIST ===== */
.repository.file.list #repo-files-table .octicon {
  color: var(--color-text-muted) !important;
}

#repo-files-table tr {
  border-color: var(--color-border) !important;
}

#repo-files-table td {
  color: var(--color-text) !important;
}

#repo-files-table td a {
  color: var(--color-text) !important;
}

#repo-files-table td a:hover {
  color: var(--color-primary) !important;
}

/* ===== REPO HEADER ===== */
.repository .repo-header {
  background: var(--color-bg-card) !important;
  border-bottom: 1px solid var(--color-border) !important;
}

.repository .repo-header .ui.header {
  color: var(--color-text) !important;
}

/* ===== SEGMENTS ===== */
.ui.segment,
.ui.attached.segment,
.ui.vertical.segment {
  background: var(--color-bg-card) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
}

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

/* ===== HEADERS ===== */
.ui.header,
.ui.header .sub.header {
  color: var(--color-text) !important;
}

.ui.icon.header .icon {
  color: var(--color-primary) !important;
}

/* ===== BREADCRUMB ===== */
.ui.breadcrumb .section {
  color: var(--color-text-secondary) !important;
}

.ui.breadcrumb a.section {
  color: var(--color-primary) !important;
}

.ui.breadcrumb .divider {
  color: var(--color-text-muted) !important;
}

/* ===== DIVIDER ===== */
.ui.divider {
  border-color: var(--color-border) !important;
}

/* ===== LIST ===== */
.ui.list .item,
.ui.list .item .content {
  color: var(--color-text) !important;
}

.ui.list .item .description {
  color: var(--color-text-secondary) !important;
}

/* ===== STEPS ===== */
.ui.steps .step {
  background: var(--color-bg-card) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

.ui.steps .step.active {
  background: rgba(99, 102, 241, 0.1) !important;
  border-color: var(--color-primary) !important;
}

.ui.steps .step .title {
  color: var(--color-text) !important;
}

.ui.steps .step .description {
  color: var(--color-text-secondary) !important;
}

/* ===== PROGRESS ===== */
.ui.progress {
  background: rgba(255, 255, 255, 0.03) !important;
  border-radius: var(--radius-full) !important;
}

.ui.progress .bar {
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary)) !important;
  border-radius: var(--radius-full) !important;
}

/* ===== STATISTICS ===== */
.ui.statistics .statistic > .value,
.ui.statistic > .value {
  color: var(--color-text) !important;
}

.ui.statistics .statistic > .label,
.ui.statistic > .label {
  color: var(--color-text-muted) !important;
}

/* ===== FEED ===== */
.ui.feed .event .content .date {
  color: var(--color-text-muted) !important;
}

.ui.feed .event .content .summary {
  color: var(--color-text) !important;
}

.ui.feed .event .content .extra text {
  color: var(--color-text-secondary) !important;
}

/* ===== COMMENTS ===== */
.ui.comments .comment .author {
  color: var(--color-text) !important;
}

.ui.comments .comment .metadata {
  color: var(--color-text-muted) !important;
}

.ui.comments .comment .text {
  color: var(--color-text-secondary) !important;
}

/* ===== ISSUE/PR BADGES ===== */
.issue-state,
.pr-state {
  border-radius: var(--radius-full) !important;
  font-weight: 600 !important;
}

.issue-state.open {
  background: linear-gradient(135deg, var(--color-success), #16a34a) !important;
}

.pr-state.open {
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)) !important;
}

/* ===== AVATAR ===== */
.ui.avatar.image {
  border: 2px solid var(--color-border) !important;
  border-radius: 50% !important;
}

/* ===== SETTINGS ===== */
.settings .ui.form .field > label {
  color: var(--color-text-secondary) !important;
}

/* ===== ORG ===== */
.organization .ui.header {
  color: var(--color-text) !important;
}

/* ===== PLACEHOLDER ===== */
.ui.placeholder {
  background: transparent !important;
}

.ui.placeholder .header {
  color: var(--color-text) !important;
}

.ui.placeholder .line {
  background: var(--color-border) !important;
}

/* ===== CHECKBOX ===== */
.ui.checkbox label {
  color: var(--color-text) !important;
}

.ui.checkbox input:checked ~ label:before {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

/* ===== POPUP ===== */
.ui.popup {
  background: var(--color-bg-secondary) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-lg) !important;
}

/* ===== SIDEBAR ===== */
.ui.sidebar {
  background: var(--color-bg) !important;
}

.ui.sidebar .menu .item {
  color: var(--color-text-secondary) !important;
}

.ui.sidebar .menu .item:hover {
  background: var(--color-bg-hover) !important;
  color: var(--color-primary) !important;
}

/* ===== DIMMER ===== */
.ui.dimmer {
  background: rgba(0, 0, 0, 0.8) !important;
}

/* ===== HERO ===== */
.hero.ui.icon.header .icon {
  color: var(--color-primary) !important;
}

.hero.ui.icon.header .content {
  color: var(--color-text) !important;
}

/* ===== MARKDOWN ===== */
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
  color: var(--color-text) !important;
  border-bottom-color: var(--color-border) !important;
}

.markdown code {
  background: var(--color-bg-secondary) !important;
  color: var(--color-text) !important;
  border-radius: var(--radius-sm) !important;
  padding: 0.2em 0.4em !important;
}

.markdown pre code {
  background: transparent !important;
}

.markdown blockquote {
  border-left-color: var(--color-primary) !important;
  color: var(--color-text-secondary) !important;
}

.markdown table th {
  background: var(--color-bg-tertiary) !important;
  color: var(--color-text-secondary) !important;
  border-color: var(--color-border) !important;
}

.markdown table td {
  border-color: var(--color-border) !important;
}

.markdown hr {
  border-color: var(--color-border) !important;
}

/* ===== REPO HEADER ===== */
.repository .repo-header .ui.label {
  background: rgba(99, 102, 241, 0.1) !important;
  border-color: rgba(99, 102, 241, 0.2) !important;
  color: var(--color-primary) !important;
}

/* ===== COMMIT LIST ===== */
.commit-table tr,
.commit-table td {
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

/* ===== BLAME TABLE ===== */
.blame-table tr,
.blame-table td {
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

/* ===== TIMELINE ===== */
.timeline-item {
  border-left: 2px solid var(--color-border) !important;
}

.event-detail {
  color: var(--color-text-secondary) !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .ui.secondary.menu .item {
    padding: 0.5rem !important;
  }
  
  .ui.stackable.grid .column {
    padding: 0.5rem !important;
  }
}

/* ===== FORGEJO SITE ADMIN (/admin) ===== */
.admin .flex-container-nav .ui.vertical.menu {
  background: var(--color-bg-card) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-lg) !important;
  padding: 8px !important;
}

.admin .flex-container-nav .ui.vertical.menu .item,
.admin .flex-container-nav .ui.vertical.menu a.item {
  border-radius: var(--radius-md) !important;
  color: var(--color-text-secondary) !important;
  font-weight: 500 !important;
  border-left: 3px solid transparent !important;
  transition: var(--transition) !important;
}

.admin .flex-container-nav .ui.vertical.menu .item:hover,
.admin .flex-container-nav .ui.vertical.menu a.item:hover {
  background: var(--color-bg-hover) !important;
  color: var(--color-primary) !important;
}

.admin .flex-container-nav .ui.vertical.menu .item.active,
.admin .flex-container-nav .ui.vertical.menu a.item.active {
  background: rgba(99, 102, 241, 0.1) !important;
  border-left-color: var(--color-primary) !important;
  color: var(--color-primary-light) !important;
}

.admin .flex-container-main .ui.segment,
.admin .flex-container-main .ui.form,
.admin .flex-container-main .ui.table {
  background: var(--color-bg-card) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-lg) !important;
}

.admin .flex-container-main h3,
.admin .flex-container-main h4 {
  font-family: var(--font-mono) !important;
  color: var(--color-text) !important;
}

/* ===== USER PROFILE ===== */
.user.profile .ui.list .item .content > a.header,
.user.profile .repository.list .header {
  color: #f1f5f9 !important;
  font-weight: 600 !important;
}

.user.profile .ui.list .item .description,
.user.profile .repository.list .description {
  color: #94a3b8 !important;
}

.user.profile .ui.list .item .meta,
.user.profile .repository.list .meta {
  color: #a8b3c7 !important;
}

.user.profile .ui.list .item .meta a,
.user.profile .repository.list .meta a {
  color: #a5b4fc !important;
}

.user.profile .ui.list .item {
  border-color: rgba(99, 102, 241, 0.12) !important;
}

.user.profile .ui.list .item:hover {
  background: rgba(99, 102, 241, 0.05) !important;
}

.user.profile .ui.search .input > input {
  color: var(--color-text) !important;
}

.user.profile .ui.search .input > input::placeholder {
  color: #64748b !important;
}