/* Gruvbox Dark theme for Forgejo/Gitea
   File: custom/public/assets/css/theme-gruvbox-dark.css
*/

/* Start from Forgejo dark so missing variables remain safe */
@import url("theme-forgejo-dark.css");

:root {
	--is-dark-theme: true;

	/* Gruvbox palette */
	--gruvbox-bg0-hard: #1d2021;
	--gruvbox-bg0: #282828;
	--gruvbox-bg1: #3c3836;
	--gruvbox-bg2: #504945;
	--gruvbox-bg3: #665c54;
	--gruvbox-bg4: #7c6f64;

	--gruvbox-fg0: #fbf1c7;
	--gruvbox-fg1: #ebdbb2;
	--gruvbox-fg2: #d5c4a1;
	--gruvbox-fg3: #bdae93;
	--gruvbox-fg4: #a89984;

	--gruvbox-red: #fb4934;
	--gruvbox-green: #b8bb26;
	--gruvbox-yellow: #fabd2f;
	--gruvbox-blue: #83a598;
	--gruvbox-purple: #d3869b;
	--gruvbox-aqua: #8ec07c;
	--gruvbox-orange: #fe8019;

	/* Forgejo/Gitea core colors */
	--color-primary: var(--gruvbox-orange);
	--color-primary-dark-1: #e06c00;
	--color-primary-dark-2: #cc5f00;
	--color-primary-dark-3: #b85600;
	--color-primary-dark-4: #a64d00;
	--color-primary-dark-5: #944400;
	--color-primary-dark-6: #7f3a00;
	--color-primary-dark-7: #6b3000;
	--color-primary-light-1: #ff8f2f;
	--color-primary-light-2: #ffa24f;
	--color-primary-light-3: #ffb66f;
	--color-primary-light-4: #ffc98f;
	--color-primary-light-5: #ffddb0;
	--color-primary-light-6: #fff0d0;
	--color-primary-light-7: #fff7e8;
	--color-primary-alpha-10: #fe80191a;
	--color-primary-alpha-20: #fe801933;
	--color-primary-alpha-30: #fe80194d;
	--color-primary-alpha-40: #fe801966;
	--color-primary-alpha-50: #fe801980;
	--color-primary-alpha-60: #fe801999;
	--color-primary-alpha-70: #fe8019b3;
	--color-primary-alpha-80: #fe8019cc;
	--color-primary-alpha-90: #fe8019e6;

	--color-body: var(--gruvbox-bg0-hard);
	--color-box-header: var(--gruvbox-bg1);
	--color-box-body: var(--gruvbox-bg0);
	--color-box-body-highlight: var(--gruvbox-bg1);
	--color-text: var(--gruvbox-fg1);
	--color-text-dark: var(--gruvbox-fg0);
	--color-text-light: var(--gruvbox-fg3);
	--color-text-light-1: var(--gruvbox-fg2);
	--color-text-light-2: var(--gruvbox-fg3);
	--color-text-light-3: var(--gruvbox-fg4);

	--color-secondary: var(--gruvbox-bg2);
	--color-secondary-dark-1: var(--gruvbox-bg1);
	--color-secondary-dark-2: var(--gruvbox-bg0);
	--color-secondary-dark-3: var(--gruvbox-bg0-hard);
	--color-secondary-light-1: var(--gruvbox-bg3);
	--color-secondary-light-2: var(--gruvbox-bg4);
	--color-secondary-light-3: #928374;
	--color-secondary-alpha-10: #5049451a;
	--color-secondary-alpha-20: #50494533;
	--color-secondary-alpha-30: #5049454d;
	--color-secondary-alpha-40: #50494566;
	--color-secondary-alpha-50: #50494580;
	--color-secondary-alpha-60: #50494599;
	--color-secondary-alpha-70: #504945b3;
	--color-secondary-alpha-80: #504945cc;
	--color-secondary-alpha-90: #504945e6;

	--color-header-wrapper: var(--gruvbox-bg0);
	--color-nav-bg: var(--gruvbox-bg0);
	--color-navbar: var(--gruvbox-bg0);
	--color-footer: var(--gruvbox-bg0-hard);

	--color-link: var(--gruvbox-blue);
	--color-link-hover: #9fc2bc;
	--color-hover: rgba(254, 128, 25, 0.12);
	--color-active: rgba(254, 128, 25, 0.18);
	--color-menu: var(--gruvbox-bg0);
	--color-card: var(--gruvbox-bg0);

	--color-input-background: var(--gruvbox-bg0-hard);
	--color-input-border: var(--gruvbox-bg2);
	--color-input-text: var(--gruvbox-fg1);
	--color-input-toggle-background: var(--gruvbox-bg2);

	--color-markup-table-row: var(--gruvbox-bg0);
	--color-markup-table-row-alt: var(--gruvbox-bg1);
	--color-markup-code-block: var(--gruvbox-bg0-hard);
	--color-code-bg: var(--gruvbox-bg0-hard);
	--color-code-sidebar-bg: var(--gruvbox-bg0);
	--color-code-line-highlight: rgba(250, 189, 47, 0.16);

	--color-diff-added-row-bg: rgba(184, 187, 38, 0.14);
	--color-diff-added-word-bg: rgba(184, 187, 38, 0.28);
	--color-diff-removed-row-bg: rgba(251, 73, 52, 0.14);
	--color-diff-removed-word-bg: rgba(251, 73, 52, 0.28);

	--color-success: var(--gruvbox-green);
	--color-warning: var(--gruvbox-yellow);
	--color-error: var(--gruvbox-red);
	--color-info: var(--gruvbox-blue);
}

/* General polish */
html {
	background: var(--color-body);
}

body {
	min-height: 100vh;
	background: var(--color-body);
	color: var(--color-text);
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(circle at top left, rgba(254, 128, 25, 0.08), transparent 32rem),
		radial-gradient(circle at bottom right, rgba(131, 165, 152, 0.08), transparent 30rem);
	background-repeat: no-repeat;
	background-size: 100vw 100vh;
}

a,
.ui.breadcrumb a {
	color: var(--color-link);
}

a:hover,
.ui.breadcrumb a:hover {
	color: var(--color-link-hover);
}

/* Top navigation */
.ui.menu,
.ui.secondary.menu,
.page-content > .ui.menu {
	background: var(--color-navbar);
	border-color: var(--color-secondary);
}

.ui.menu .item,
.ui.menu .item > a {
	color: var(--color-text);
}

.ui.menu .active.item,
.ui.menu .item:hover {
	background: var(--color-hover);
	color: var(--gruvbox-fg0);
}

/* Boxes, cards, repositories */
.ui.segment,
.ui.card,
.ui.cards > .card,
.repository.file.list,
.repository .header-wrapper,
.repo-header,
.issue.list > .item,
.comment,
.timeline-item,
.ui.attached.header {
	background: var(--color-box-body);
	border-color: var(--color-secondary);
	color: var(--color-text);
}

.ui.header,
h1,
h2,
h3,
h4,
h5 {
	color: var(--gruvbox-fg0);
}

/* Buttons */
.ui.primary.button,
.ui.primary.buttons .button {
	background: var(--gruvbox-orange);
	color: var(--gruvbox-bg0-hard);
	font-weight: 600;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
	background: #ff9a3c;
	color: var(--gruvbox-bg0-hard);
}

.ui.button {
	background: var(--gruvbox-bg2);
	color: var(--gruvbox-fg1);
	border-color: var(--gruvbox-bg3);
}

.ui.button:hover {
	background: var(--gruvbox-bg3);
	color: var(--gruvbox-fg0);
}

/* Forms */
input,
textarea,
.ui.input input,
.ui.form input,
.ui.form textarea,
.ui.dropdown,
.ui.selection.dropdown {
	background: var(--color-input-background) !important;
	border-color: var(--color-input-border) !important;
	color: var(--color-input-text) !important;
}

input:focus,
textarea:focus,
.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus {
	border-color: rgba(254, 128, 25, 0.72) !important;
	box-shadow: 0 0 0 2px rgba(254, 128, 25, 0.11) !important;
}

/* Labels */
.ui.label {
	background: var(--gruvbox-bg2);
	color: var(--gruvbox-fg1);
	border-color: var(--gruvbox-bg3);
}

.ui.green.label,
.ui.basic.green.label {
	color: var(--gruvbox-green);
}

.ui.red.label,
.ui.basic.red.label {
	color: var(--gruvbox-red);
}

.ui.yellow.label,
.ui.basic.yellow.label {
	color: var(--gruvbox-yellow);
}

.ui.blue.label,
.ui.basic.blue.label {
	color: var(--gruvbox-blue);
}

/* Code */
.markup code,
code,
pre,
.chroma {
	background: var(--gruvbox-bg0-hard) !important;
	color: var(--gruvbox-fg1) !important;
}

.lines-code,
.code-view,
.file-view,
.blob-hunk,
.blob-code {
	background: var(--gruvbox-bg0-hard);
	color: var(--gruvbox-fg1);
}

.lines-num {
	background: var(--gruvbox-bg0);
	color: var(--gruvbox-fg4);
}

/* Custom templates: home.tmpl and user/dashboard/dashboard.tmpl.
   These templates emit local <style> blocks after linked theme CSS, so the
   selectors below intentionally include html.theme-gruvbox-dark + body to win by
   specificity without sprinkling !important everywhere. */
html.theme-gruvbox-dark body #navbar {
	background: rgba(40, 40, 40, 0.92);
	border-bottom: 1px solid rgba(124, 111, 100, 0.44);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
	backdrop-filter: blur(12px);
}

html.theme-gruvbox-dark body #navbar .item {
	display: flex;
	align-items: center;
	gap: 0.42rem;
	min-height: 2.65rem;
	border-radius: 10px;
}

html.theme-gruvbox-dark body #navbar .item svg {
	display: block;
	flex: 0 0 auto;
	margin: 0;
}

html.theme-gruvbox-dark body .page-content.home {
	padding-top: 0;
}

html.theme-gruvbox-dark body .forgejo-home-hero {
	max-width: 1160px;
	padding: clamp(2.75rem, 6vh, 4.5rem) 1.5rem clamp(2.25rem, 5vh, 3.75rem);
}

html.theme-gruvbox-dark body .forgejo-home-card {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 18% 0%, rgba(254, 128, 25, 0.16), transparent 34rem),
		radial-gradient(circle at 86% 100%, rgba(131, 165, 152, 0.13), transparent 30rem),
		linear-gradient(145deg, rgba(40, 40, 40, 0.98), rgba(60, 56, 54, 0.9));
	border-color: rgba(124, 111, 100, 0.72);
	box-shadow:
		0 24px 72px rgba(0, 0, 0, 0.32),
		inset 0 1px 0 rgba(251, 241, 199, 0.06);
}

html.theme-gruvbox-dark body .forgejo-home-logo {
	filter: drop-shadow(0 14px 22px rgba(0, 0, 0, 0.28));
	margin-bottom: 1.25rem;
}

html.theme-gruvbox-dark body .forgejo-home-title {
	line-height: 1.05;
	color: var(--gruvbox-fg0);
	text-shadow: 0 10px 34px rgba(0, 0, 0, 0.28);
}

html.theme-gruvbox-dark body .forgejo-home-subtitle {
	color: var(--gruvbox-fg2);
}

html.theme-gruvbox-dark body .forgejo-home-actions .button {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-height: 2.8rem;
	border: 1px solid transparent;
}

html.theme-gruvbox-dark body .forgejo-home-actions .button svg {
	display: block;
	flex: 0 0 auto;
	margin: 0;
}

html.theme-gruvbox-dark body .forgejo-home-actions .ui.primary.button {
	background: linear-gradient(180deg, #ff9a3c, var(--gruvbox-orange));
	border-color: rgba(254, 128, 25, 0.42);
	box-shadow: 0 14px 34px rgba(254, 128, 25, 0.24);
}

html.theme-gruvbox-dark body .forgejo-home-actions .ui.primary.button svg,
html.theme-gruvbox-dark body .forgejo-home-actions .ui.primary.button svg path {
	color: var(--gruvbox-fg0);
	fill: var(--gruvbox-fg0);
}

html.theme-gruvbox-dark body .forgejo-home-actions .ui.button:not(.primary) {
	background: rgba(80, 73, 69, 0.72);
	border-color: rgba(124, 111, 100, 0.68);
	color: var(--gruvbox-fg1);
}

html.theme-gruvbox-dark body .forgejo-home-actions .ui.button:not(.primary):hover {
	background: rgba(102, 92, 84, 0.86);
	border-color: var(--gruvbox-orange);
	color: var(--gruvbox-fg0);
}

html.theme-gruvbox-dark body .forgejo-home-grid {
	gap: 1rem;
}

html.theme-gruvbox-dark body .forgejo-home-feature {
	background:
		linear-gradient(180deg, rgba(60, 56, 54, 0.78), rgba(40, 40, 40, 0.94));
	border-color: rgba(124, 111, 100, 0.68);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
	transition: border-color 0.16s ease, transform 0.16s ease, background 0.16s ease;
}

html.theme-gruvbox-dark body .forgejo-home-feature:hover {
	transform: translateY(-1px);
	border-color: rgba(254, 128, 25, 0.62);
	background:
		linear-gradient(180deg, rgba(80, 73, 69, 0.84), rgba(40, 40, 40, 0.98));
}

html.theme-gruvbox-dark body .forgejo-home-feature h3 {
	line-height: 1.25;
	color: var(--gruvbox-fg0);
}

html.theme-gruvbox-dark body .forgejo-home-feature h3 svg {
	flex: 0 0 auto;
	margin: 0;
	color: var(--gruvbox-orange);
}

html.theme-gruvbox-dark body .forgejo-home-feature p {
	color: var(--gruvbox-fg3);
}

html.theme-gruvbox-dark body .custom-dashboard-hero {
	border-color: rgba(124, 111, 100, 0.74);
	background:
		radial-gradient(circle at top left, rgba(254, 128, 25, 0.18), transparent 32rem),
		radial-gradient(circle at bottom right, rgba(142, 192, 124, 0.12), transparent 28rem),
		linear-gradient(135deg, var(--gruvbox-bg0), var(--gruvbox-bg1));
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
}

html.theme-gruvbox-dark body .custom-dashboard-hero-title svg {
	color: var(--gruvbox-orange);
}

html.theme-gruvbox-dark body .custom-dashboard-action {
	background: rgba(60, 56, 54, 0.78);
	border-color: rgba(124, 111, 100, 0.62);
	color: var(--gruvbox-fg1);
}

html.theme-gruvbox-dark body .custom-dashboard-action:hover {
	background: rgba(80, 73, 69, 0.9);
	border-color: var(--gruvbox-orange);
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22);
}

html.theme-gruvbox-dark body .custom-dashboard-action .custom-dashboard-action-icon {
	background: rgba(254, 128, 25, 0.16);
	color: var(--gruvbox-orange);
}

html.theme-gruvbox-dark body .custom-dashboard-feed-card {
	border-color: rgba(124, 111, 100, 0.7);
	background: var(--gruvbox-bg0);
}

/* Explore / auth pages */
html.theme-gruvbox-dark body .ui.secondary.pointing.tabular.menu.new-menu.navbar {
	background: rgba(40, 40, 40, 0.72);
	border: 1px solid rgba(124, 111, 100, 0.48);
	border-radius: 16px 16px 0 0;
	box-shadow: inset 0 1px 0 rgba(251, 241, 199, 0.04);
}

html.theme-gruvbox-dark body .ui.secondary.pointing.tabular.menu.new-menu.navbar .new-menu-inner {
	padding: 0.18rem 0.35rem 0;
}

html.theme-gruvbox-dark body .ui.secondary.pointing.tabular.menu.new-menu.navbar .item {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 2.7rem;
	color: var(--gruvbox-fg2);
	border-radius: 10px 10px 0 0;
	border-bottom-width: 2px;
}

html.theme-gruvbox-dark body .ui.secondary.pointing.tabular.menu.new-menu.navbar .item svg {
	margin: 0;
	color: var(--gruvbox-fg3);
}

html.theme-gruvbox-dark body .ui.secondary.pointing.tabular.menu.new-menu.navbar .active.item {
	background: rgba(254, 128, 25, 0.10);
	border-color: rgba(254, 128, 25, 0.74);
	color: var(--gruvbox-fg0);
}

html.theme-gruvbox-dark body .ui.secondary.pointing.tabular.menu.new-menu.navbar .active.item svg {
	color: var(--gruvbox-orange);
}

html.theme-gruvbox-dark body .ui.secondary.filter.menu {
	align-items: center;
	gap: 0.75rem;
	margin-top: 1rem !important;
	padding: 0.85rem;
	background: rgba(40, 40, 40, 0.58);
	border: 1px solid rgba(124, 111, 100, 0.46);
	border-radius: 0 0 16px 16px;
}

html.theme-gruvbox-dark body .ui.fluid.action.input input,
html.theme-gruvbox-dark body .page-content.user .ui.form input {
	background: rgba(29, 32, 33, 0.84) !important;
	border-color: rgba(124, 111, 100, 0.56) !important;
}

html.theme-gruvbox-dark body .ui.fluid.action.input .ui.primary.button,
html.theme-gruvbox-dark body .page-content.user .ui.primary.button {
	background: linear-gradient(180deg, #f28c2f, #dd7218);
	box-shadow: 0 10px 24px rgba(254, 128, 25, 0.16);
}

html.theme-gruvbox-dark body .ui.fluid.action.input .ui.primary.button:hover,
html.theme-gruvbox-dark body .page-content.user .ui.primary.button:hover {
	background: linear-gradient(180deg, #ffa24f, var(--gruvbox-orange));
}

html.theme-gruvbox-dark body .ui.dropdown.jump.item {
	background: rgba(60, 56, 54, 0.72);
	border: 1px solid rgba(124, 111, 100, 0.5);
	border-radius: 10px;
	color: var(--gruvbox-fg2);
}

html.theme-gruvbox-dark body .ui.dropdown .menu,
html.theme-gruvbox-dark body .ui.menu .dropdown.item .menu {
	background: var(--gruvbox-bg0);
	border: 1px solid rgba(124, 111, 100, 0.56);
}

html.theme-gruvbox-dark body .ui.dropdown .menu > .item {
	color: var(--gruvbox-fg2) !important;
}

html.theme-gruvbox-dark body .ui.dropdown .menu > .active.item,
html.theme-gruvbox-dark body .ui.dropdown .menu > .item:hover {
	background: rgba(254, 128, 25, 0.12) !important;
	color: var(--gruvbox-fg0) !important;
}

html.theme-gruvbox-dark body .explore .repository.list,
html.theme-gruvbox-dark body .explore .user.list {
	margin-top: 1rem;
	padding: 0.25rem 0.75rem;
	background: rgba(40, 40, 40, 0.48);
	border: 1px solid rgba(124, 111, 100, 0.38);
	border-radius: 16px;
}

html.theme-gruvbox-dark body .explore .repository.list .item,
html.theme-gruvbox-dark body .explore .user.list .item {
	margin: 0.35rem 0;
	padding: 1rem 0.75rem;
	border-color: rgba(124, 111, 100, 0.32);
	border-radius: 12px;
}

html.theme-gruvbox-dark body .explore .repository.list .item:hover,
html.theme-gruvbox-dark body .explore .user.list .item:hover {
	background: rgba(80, 73, 69, 0.38);
}

html.theme-gruvbox-dark body .explore .user.list .item img.avatar,
html.theme-gruvbox-dark body .explore .user.list .item .avatar {
	box-shadow: 0 0 0 2px rgba(124, 111, 100, 0.52);
}

html.theme-gruvbox-dark body .explore .empty,
html.theme-gruvbox-dark body .explore .ui.placeholder.segment,
html.theme-gruvbox-dark body .explore .center:not(.forgejo-home-card) {
	color: var(--gruvbox-fg3);
}

html.theme-gruvbox-dark body .page-content.user.signin .ui.container {
	max-width: 760px;
}

html.theme-gruvbox-dark body .page-content.user .ui.attached.header,
html.theme-gruvbox-dark body .page-content.user .ui.attached.segment {
	border-color: rgba(124, 111, 100, 0.58) !important;
}

html.theme-gruvbox-dark body .page-content.user .ui.attached.header {
	background: rgba(60, 56, 54, 0.78);
	border-radius: 16px 16px 0 0;
}

html.theme-gruvbox-dark body .page-content.user .ui.attached.segment {
	background:
		radial-gradient(circle at 20% 0%, rgba(254, 128, 25, 0.08), transparent 20rem),
		linear-gradient(180deg, rgba(40, 40, 40, 0.98), rgba(29, 32, 33, 0.88));
	border-radius: 0 0 16px 16px;
	box-shadow: 0 16px 44px rgba(0, 0, 0, 0.18);
}

html.theme-gruvbox-dark body .page-content.user .ui.form .field > label {
	color: var(--gruvbox-fg2);
}

html.theme-gruvbox-dark body .page-content.user .ui.checkbox label,
html.theme-gruvbox-dark body .page-content.user a {
	color: var(--gruvbox-fg2);
}

html.theme-gruvbox-dark body .page-content.user a:hover {
	color: var(--gruvbox-blue);
}

/* Logged-in dashboard / repository / form surfaces */
html.theme-gruvbox-dark body .repository .header-wrapper,
html.theme-gruvbox-dark body .repository .ui.segment.sub-menu.repository-menu,
html.theme-gruvbox-dark body .repository .ui.attached.table.segment,
html.theme-gruvbox-dark body .repository .file-view,
html.theme-gruvbox-dark body .repository .code-view,
html.theme-gruvbox-dark body .repository .markup,
html.theme-gruvbox-dark body .dashboard .ui.attached.segment,
html.theme-gruvbox-dark body .dashboard .ui.attached.table.segment,
html.theme-gruvbox-dark body .page-content.repository.new.repo .ui.attached.segment {
	background: rgba(40, 40, 40, 0.78);
	border-color: rgba(124, 111, 100, 0.54) !important;
	box-shadow: inset 0 1px 0 rgba(251, 241, 199, 0.035);
}

html.theme-gruvbox-dark body .repository .header-wrapper {
	background:
		radial-gradient(circle at 6% 0%, rgba(254, 128, 25, 0.10), transparent 28rem),
		linear-gradient(180deg, rgba(60, 56, 54, 0.80), rgba(40, 40, 40, 0.94));
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16);
}

html.theme-gruvbox-dark body .repository .repo-header {
	border-color: rgba(124, 111, 100, 0.34) !important;
}

html.theme-gruvbox-dark body .repository .repo-title,
html.theme-gruvbox-dark body .repository .repo-title a,
html.theme-gruvbox-dark body .repository .repo-title .muted {
	color: var(--gruvbox-fg0) !important;
}

html.theme-gruvbox-dark body .repository .repo-description,
html.theme-gruvbox-dark body .repository .repo-description p,
html.theme-gruvbox-dark body .repository .metadata,
html.theme-gruvbox-dark body .text.grey,
html.theme-gruvbox-dark body .muted,
html.theme-gruvbox-dark body .help,
html.theme-gruvbox-dark body .ui.form .help {
	color: var(--gruvbox-fg3) !important;
}

html.theme-gruvbox-dark body .repository .ui.segment.sub-menu.repository-menu {
	border-radius: 14px;
}

html.theme-gruvbox-dark body .repository .repository-menu .item,
html.theme-gruvbox-dark body .dashboard .ui.secondary.menu .item,
html.theme-gruvbox-dark body .page-content.dashboard.issues .ui.menu .item {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	border-radius: 9px;
	color: var(--gruvbox-fg2);
}

html.theme-gruvbox-dark body .repository .repository-menu .active.item,
html.theme-gruvbox-dark body .dashboard .ui.secondary.menu .active.item,
html.theme-gruvbox-dark body .page-content.dashboard.issues .ui.menu .active.item {
	background: rgba(254, 128, 25, 0.12);
	color: var(--gruvbox-fg0);
}

html.theme-gruvbox-dark body .repository .repository-menu .item svg,
html.theme-gruvbox-dark body .dashboard .ui.secondary.menu .item svg {
	margin: 0;
}

html.theme-gruvbox-dark body .repository .ui.button,
html.theme-gruvbox-dark body .dashboard .ui.button,
html.theme-gruvbox-dark body .page-content.repository.new.repo .ui.button {
	border: 1px solid rgba(124, 111, 100, 0.48);
	background: rgba(80, 73, 69, 0.62);
	color: var(--gruvbox-fg1);
}

html.theme-gruvbox-dark body .repository .ui.button:hover,
html.theme-gruvbox-dark body .dashboard .ui.button:hover,
html.theme-gruvbox-dark body .page-content.repository.new.repo .ui.button:hover {
	border-color: rgba(254, 128, 25, 0.58);
	background: rgba(102, 92, 84, 0.78);
	color: var(--gruvbox-fg0);
}

html.theme-gruvbox-dark body .repository .ui.primary.button,
html.theme-gruvbox-dark body .dashboard .ui.primary.button,
html.theme-gruvbox-dark body .page-content.repository.new.repo .ui.primary.button {
	background: linear-gradient(180deg, #f28c2f, #dd7218);
	border-color: rgba(254, 128, 25, 0.54);
	color: var(--gruvbox-bg0-hard);
}

html.theme-gruvbox-dark body .repository .ui.label,
html.theme-gruvbox-dark body .dashboard .ui.label {
	border-color: rgba(124, 111, 100, 0.56);
}

html.theme-gruvbox-dark body .repository .ui.basic.label,
html.theme-gruvbox-dark body .dashboard .ui.basic.label {
	background: rgba(60, 56, 54, 0.62);
}

html.theme-gruvbox-dark body .repository .repo-file-list tr,
html.theme-gruvbox-dark body .repository table tr,
html.theme-gruvbox-dark body .dashboard table tr {
	border-color: rgba(124, 111, 100, 0.28) !important;
}

html.theme-gruvbox-dark body .repository .repo-file-list tr:hover,
html.theme-gruvbox-dark body .repository table tr:hover,
html.theme-gruvbox-dark body .dashboard table tr:hover {
	background: rgba(80, 73, 69, 0.38) !important;
}

html.theme-gruvbox-dark body .repository .repo-file-list td,
html.theme-gruvbox-dark body .repository .repo-file-list th,
html.theme-gruvbox-dark body .repository table td,
html.theme-gruvbox-dark body .repository table th,
html.theme-gruvbox-dark body .dashboard table td,
html.theme-gruvbox-dark body .dashboard table th {
	border-color: rgba(124, 111, 100, 0.28) !important;
}

html.theme-gruvbox-dark body .repository .repo-file-list a,
html.theme-gruvbox-dark body .repository .markup a,
html.theme-gruvbox-dark body .dashboard a {
	color: var(--gruvbox-blue);
}

html.theme-gruvbox-dark body .repository .repo-file-list a:hover,
html.theme-gruvbox-dark body .repository .markup a:hover,
html.theme-gruvbox-dark body .dashboard a:hover {
	color: var(--color-link-hover);
}

html.theme-gruvbox-dark body .repository .file-header,
html.theme-gruvbox-dark body .repository .markup .markdown,
html.theme-gruvbox-dark body .repository .readme .file-header {
	background: rgba(60, 56, 54, 0.68);
	border-color: rgba(124, 111, 100, 0.48) !important;
}

html.theme-gruvbox-dark body .repository .markdown,
html.theme-gruvbox-dark body .repository .markup {
	color: var(--gruvbox-fg1);
}

html.theme-gruvbox-dark body .repository .markdown h1,
html.theme-gruvbox-dark body .repository .markdown h2,
html.theme-gruvbox-dark body .repository .markdown h3 {
	border-color: rgba(124, 111, 100, 0.34);
}

html.theme-gruvbox-dark body .page-content.repository.new.repo .ui.attached.segment,
html.theme-gruvbox-dark body .page-content.repository.new.repo .ui.attached.header {
	border-color: rgba(124, 111, 100, 0.58) !important;
}

html.theme-gruvbox-dark body .page-content.repository.new.repo .ui.attached.header {
	background: rgba(60, 56, 54, 0.78);
	border-radius: 16px 16px 0 0;
}

html.theme-gruvbox-dark body .page-content.repository.new.repo .ui.attached.segment {
	background:
		radial-gradient(circle at 10% 0%, rgba(131, 165, 152, 0.08), transparent 24rem),
		linear-gradient(180deg, rgba(40, 40, 40, 0.98), rgba(29, 32, 33, 0.90));
	border-radius: 0 0 16px 16px;
	box-shadow: 0 16px 44px rgba(0, 0, 0, 0.18);
}

html.theme-gruvbox-dark body .ui.form label,
html.theme-gruvbox-dark body .ui.form .field > label,
html.theme-gruvbox-dark body .ui.form .inline.field > label {
	color: var(--gruvbox-fg2);
}

html.theme-gruvbox-dark body textarea,
html.theme-gruvbox-dark body .ui.form textarea,
html.theme-gruvbox-dark body .ui.selection.dropdown,
html.theme-gruvbox-dark body .ui.dropdown.selection,
html.theme-gruvbox-dark body .ui.input input,
html.theme-gruvbox-dark body .ui.form input {
	background: rgba(29, 32, 33, 0.84) !important;
	border-color: rgba(124, 111, 100, 0.56) !important;
	color: var(--gruvbox-fg1) !important;
}

html.theme-gruvbox-dark body .ui.selection.dropdown .menu {
	background: var(--gruvbox-bg0);
	border-color: rgba(124, 111, 100, 0.56);
}

html.theme-gruvbox-dark body .page-content.dashboard.issues .ui.container,
html.theme-gruvbox-dark body .page-content.dashboard.feeds .flex-container {
	gap: 1.25rem;
}

html.theme-gruvbox-dark body .page-content.dashboard.issues .issue.list,
html.theme-gruvbox-dark body .page-content.dashboard.issues .ui.segment {
	background: rgba(40, 40, 40, 0.68);
	border: 1px solid rgba(124, 111, 100, 0.46);
	border-radius: 14px;
}

/* Button group frame cleanup: repo Star/Fork/Watch and issue Open/Closed */
html.theme-gruvbox-dark body .repository .repo-buttons .ui.labeled.button {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 10px !important;
	overflow: hidden;
	isolation: isolate;
}

html.theme-gruvbox-dark body .repository .repo-buttons .ui.labeled.button > .ui.button {
	margin: 0 !important;
	border: 1px solid rgba(124, 111, 100, 0.52) !important;
	border-radius: 10px 0 0 10px !important;
	box-shadow: none !important;
}

html.theme-gruvbox-dark body .repository .repo-buttons .ui.labeled.button > .label,
html.theme-gruvbox-dark body .repository .repo-buttons .ui.labeled.button > .ui.label,
html.theme-gruvbox-dark body .repository .repo-buttons .ui.labeled.button > .ui.basic.label {
	margin: 0 !important;
	background: rgba(60, 56, 54, 0.72) !important;
	border: 1px solid rgba(124, 111, 100, 0.52) !important;
	border-left: 0 !important;
	border-radius: 0 10px 10px 0 !important;
	box-shadow: none !important;
	color: var(--gruvbox-fg2) !important;
}

html.theme-gruvbox-dark body .repository .repo-buttons .ui.labeled.button:hover > .ui.button,
html.theme-gruvbox-dark body .repository .repo-buttons .ui.labeled.button:hover > .label,
html.theme-gruvbox-dark body .repository .repo-buttons .ui.labeled.button:hover > .ui.label,
html.theme-gruvbox-dark body .repository .repo-buttons .ui.labeled.button:hover > .ui.basic.label {
	border-color: rgba(254, 128, 25, 0.58) !important;
}

html.theme-gruvbox-dark body .page-content.dashboard.issues .small-menu-items.ui.compact.tiny.menu.list-header-toggle {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	gap: 0.35rem;
}

html.theme-gruvbox-dark body .page-content.dashboard.issues .small-menu-items.ui.compact.tiny.menu.list-header-toggle > .item {
	margin: 0 !important;
	border: 1px solid rgba(124, 111, 100, 0.46) !important;
	border-radius: 10px !important;
	background: rgba(60, 56, 54, 0.54) !important;
	box-shadow: none !important;
}

html.theme-gruvbox-dark body .page-content.dashboard.issues .small-menu-items.ui.compact.tiny.menu.list-header-toggle > .active.item {
	border-color: rgba(254, 128, 25, 0.62) !important;
	background: rgba(254, 128, 25, 0.13) !important;
}

/* Keep short repository README pages one continuous surface down to the footer. */
html.theme-gruvbox-dark.is-repository-page body {
	background: var(--gruvbox-bg0);
}

html.theme-gruvbox-dark.is-repository-page body::before {
	background: none;
}

html.theme-gruvbox-dark body .page-content.repository.file.list {
	background: var(--gruvbox-bg0);
}

html.theme-gruvbox-dark body .page-content.repository.file.list .file-view.markup.markdown {
	background: var(--gruvbox-bg0);
	min-height: clamp(18rem, 52vh, 34rem);
}

/* Scrollbars */
* {
	scrollbar-color: var(--gruvbox-bg4) var(--gruvbox-bg0-hard);
}

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

::-webkit-scrollbar-track {
	background: var(--gruvbox-bg0-hard);
}

::-webkit-scrollbar-thumb {
	background: var(--gruvbox-bg4);
	border: 3px solid var(--gruvbox-bg0-hard);
	border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
	background: #928374;
}