html[data-theme="spacepirate"] {
	color-scheme: light;
	--p-font-ui-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
	--p-font-display-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
	--p-mainmenu: #15130f;
	--p-surface-1: #ece6d5;
	--p-surface-2: #d8cfb7;
	--p-surface-3: #f5efd9;
	--p-surface-4: #a79a78;
	--p-item: #f3ecd7;
	--p-item-low: #e2efd7;
	--p-item-low-hover: #d0e7bf;
	--p-item-high: #f4d6bd;
	--p-item-high-hover: #e9c09e;
	--p-text-1: #1a1813;
	--p-text-2: #655d4a;
	--p-accent: #f0a82e;
	--p-success-bright: #d8ead0;
	--p-success-dark: #227c47;
	--p-warning-bright: #f4dfad;
	--p-warning-dark: #b07412;
	--p-error-bright: #f1c8ba;
	--p-error-dark: #b63a2f;
	--p-shadow-xs: none;
	--p-radius-2: 0;
	--p-radius-3: 0;
	--p-radius-4: 0;
	--p-radius-5: 0;
	--p-radius-6: 0;
	--p-radius-8: 0;
	--p-radius-10: 0;
	--p-radius-15: 0;
	--p-radius-pill: 0;
	--p-ui-panel: #f5efd9;
	--p-ui-panel-border: #a79a78;
	--p-ui-hover: #e3d8bd;
	--p-menu-text: #f2dfb3;
	--p-menu-shell: #15130f;
	--p-menu-hover: #2a251a;
	--p-menu-active: #b63a2f;
	--p-scrollbar-thumb: #8a7e62;
	--p-progress-fill: #f0a82e;
	--p-table-border: #a79a78;
	--p-tooltip-bg: #15130f;
}

html[data-theme="spacepirate"] body {
	background:
		linear-gradient(90deg, rgba(21, 19, 15, 0.08) 1px, transparent 1px) 0 0 / 54px 54px,
		linear-gradient(180deg, #f2ebd5 0%, #e4dac0 58%, #cdbf9f 100%),
		var(--color-background-primary);
}

html[data-theme="spacepirate"] .header-top {
	background: linear-gradient(90deg, #15130f 0 17%, #f0a82e 17% 18.5%, #2b2518 18.5% 100%);
	color: #f0d9a2;
}

html[data-theme="spacepirate"] .header-top a,
html[data-theme="spacepirate"] .appname a {
	color: #f0d9a2;
}

html[data-theme="spacepirate"] .appname {
	margin-bottom: 0;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

html[data-theme="spacepirate"] #header-bottom-container {
	height: 6px;
	border-bottom: 3px solid #b63a2f;
	background: #f0a82e;
}

html[data-theme="spacepirate"] #header-bottom {
	background: #15130f;
	opacity: 0.34;
}

html[data-theme="spacepirate"] #content {
	padding-top: 22px;
}

html[data-theme="spacepirate"] #content h1,
html[data-theme="spacepirate"] #content h2,
html[data-theme="spacepirate"] #content h3,
html[data-theme="spacepirate"] .content_header_title {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

html[data-theme="spacepirate"] #cssmenu {
	flex: 0 0 250px;
	min-width: 250px;
	border-right: 1px solid #4f442c;
	background: linear-gradient(180deg, #15130f, #0b0a08);
}

html[data-theme="spacepirate"] .menu-icon-container {
	border: 2px solid #4f442c;
	border-radius: 0;
	background: #15130f;
	box-shadow: inset 0 0 0 4px #2a251a;
}

html[data-theme="spacepirate"] #cssmenu-body a {
	color: #d8c99d;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

html[data-theme="spacepirate"] #cssmenu-body ul li {
	border-top-color: #3a3222;
}

html[data-theme="spacepirate"] #cssmenu-body ul li.active {
	background: linear-gradient(90deg, rgba(240, 168, 46, 0.28), transparent);
	box-shadow: inset 4px 0 0 #f0a82e;
}

html[data-theme="spacepirate"] #cssmenu-body ul li.active a::before {
	content: ">";
	margin-right: 7px;
	color: #f0a82e;
}

html[data-theme="spacepirate"] header .menu-button {
	border-color: #f0a82e;
	background: #15130f;
	color: #f0d9a2;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

html[data-theme="spacepirate"] header .menu,
html[data-theme="spacepirate"] .accordion .menu,
html[data-theme="spacepirate"] .item .menu {
	border-color: #4f442c;
	background: #15130f;
	color: #f0d9a2;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 10px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

html[data-theme="spacepirate"] header .menu div:hover,
html[data-theme="spacepirate"] .accordion .menu div:hover,
html[data-theme="spacepirate"] .item .menu div:hover {
	background: #f0a82e;
	color: #15130f;
}

html[data-theme="spacepirate"] .resource-box,
html[data-theme="spacepirate"] .accordion,
html[data-theme="spacepirate"] .modalDialog,
html[data-theme="spacepirate"] .dashboard,
html[data-theme="spacepirate"] .items,
html[data-theme="spacepirate"] .memberlist,
html[data-theme="spacepirate"] .contextmenu-content,
html[data-theme="spacepirate"] .member-lifecycle-compare-card {
	position: relative;
	border-color: var(--color-ui-panel-border);
	background:
		linear-gradient(135deg, rgba(240, 168, 46, 0.14), transparent 42%),
		var(--color-background-tertiary);
	box-shadow: inset 0 0 0 1px rgba(21, 19, 15, 0.05);
}

html[data-theme="spacepirate"] .resource-box,
html[data-theme="spacepirate"] .modalDialog,
html[data-theme="spacepirate"] .member-lifecycle-compare-card {
	overflow: hidden;
}

html[data-theme="spacepirate"] .resource-box::after,
html[data-theme="spacepirate"] .accordion::after,
html[data-theme="spacepirate"] .modalDialog::after,
html[data-theme="spacepirate"] .member-lifecycle-compare-card::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 4px;
	background: #b63a2f;
	pointer-events: none;
	z-index: 3;
}

html[data-theme="spacepirate"] .resource-box-top,
html[data-theme="spacepirate"] .resource-box-bottom,
html[data-theme="spacepirate"] .dashboard,
html[data-theme="spacepirate"] .modalHeader {
	border-color: var(--color-ui-panel-border);
	background: linear-gradient(90deg, #15130f, #2a251a);
	color: #f0d9a2;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

html[data-theme="spacepirate"] .resource-box-body,
html[data-theme="spacepirate"] .resource-box-body.resource-box-content,
html[data-theme="spacepirate"] .modalBody,
html[data-theme="spacepirate"] .modalSubmit,
html[data-theme="spacepirate"] .accordion-body-inner {
	background: var(--color-background-tertiary);
	color: var(--color-text-primary);
}

html[data-theme="spacepirate"] .accordion {
	--theme-entity-color: #f0a82e;
}

html[data-theme="spacepirate"] .accordion.client {
	--theme-entity-color: var(--entity-client);
}

html[data-theme="spacepirate"] .accordion.timesheet {
	--theme-entity-color: var(--entity-timesheet);
}

html[data-theme="spacepirate"] .accordion.project {
	--theme-entity-color: var(--entity-project);
}

html[data-theme="spacepirate"] .accordion.task {
	--theme-entity-color: var(--entity-task);
}

html[data-theme="spacepirate"] .accordion.category {
	--theme-entity-color: var(--entity-category);
}

html[data-theme="spacepirate"] .accordion.bill {
	--theme-entity-color: var(--entity-bill);
}

html[data-theme="spacepirate"] .accordion.archived {
	--theme-entity-color: var(--entity-archived);
}

html[data-theme="spacepirate"] .accordion-header,
html[data-theme="spacepirate"] .accordion-header:hover {
	border: 1px solid #4f442c;
	border-left: 4px solid var(--theme-entity-color);
	border-top: 4px solid #f0a82e;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--theme-entity-color) 18%, transparent), transparent 50%),
		#15130f !important;
	color: #f0d9a2;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

html[data-theme="spacepirate"] .accordion-header:hover {
	border-color: #f0a82e;
	border-left-color: var(--theme-entity-color);
}

html[data-theme="spacepirate"] .accordion-header .subtitle {
	color: #b7aa84;
	font-size: 10px;
}

html[data-theme="spacepirate"] .accordion-body {
	border: 1px solid var(--color-ui-panel-border);
	border-top: 0;
	background:
		linear-gradient(135deg, rgba(240, 168, 46, 0.08), transparent 42%),
		var(--color-background-secondary);
}

html[data-theme="spacepirate"] .resourcelist-resource,
html[data-theme="spacepirate"] .item,
html[data-theme="spacepirate"] .ticket,
html[data-theme="spacepirate"] .mikron_container {
	border: 1px solid color-mix(in srgb, var(--color-ui-panel-border) 78%, transparent);
	background: var(--color-background-item);
	box-shadow: none;
}

html[data-theme="spacepirate"] .resourcelist-resource:hover,
html[data-theme="spacepirate"] .item:hover {
	background: color-mix(in srgb, #f0a82e 12%, var(--color-background-tertiary));
}

html[data-theme="spacepirate"] .button_standard {
	box-sizing: border-box;
	min-height: 32px;
	padding: 0 13px;
	border: 1px solid #15130f;
	background: #15130f;
	color: #f0d9a2;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

html[data-theme="spacepirate"] .button_standard:hover,
html[data-theme="spacepirate"] .button_standard:focus {
	border-color: #f0a82e;
	background: #f0a82e;
	color: #15130f;
}

html[data-theme="spacepirate"] .button_yellow {
	border-color: #b07412;
	background: transparent;
	color: #9a620b;
}

html[data-theme="spacepirate"] .button_red {
	border-color: #b63a2f;
	background: transparent;
	color: #a53229;
}

html[data-theme="spacepirate"] .resource-search-bar {
	border-color: var(--color-ui-panel-border);
	background:
		url(/icons/magnifying_glass_lightgrey.svg) 11px 11px / 30px 30px no-repeat,
		linear-gradient(90deg, rgba(240, 168, 46, 0.14), transparent 44%),
		#15130f;
	box-shadow: inset 0 0 0 1px rgba(240, 168, 46, 0.05);
}

html[data-theme="spacepirate"] .resource-search-bar .feedback-input,
html[data-theme="spacepirate"] .resource-search-bar .feedback-input::placeholder {
	color: #d8c99d;
}

html[data-theme="spacepirate"] .feedback-input,
html[data-theme="spacepirate"] .organization-input,
html[data-theme="spacepirate"] .organization-input-small,
html[data-theme="spacepirate"] input[type="file"],
html[data-theme="spacepirate"] select,
html[data-theme="spacepirate"] textarea {
	border-color: var(--color-ui-panel-border);
	background-color: var(--color-background-primary);
	color: var(--color-text-primary);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 13px;
	letter-spacing: 0.03em;
}

html[data-theme="spacepirate"] .organization-input:focus,
html[data-theme="spacepirate"] .organization-input-small:focus,
html[data-theme="spacepirate"] textarea:focus,
html[data-theme="spacepirate"] select:focus {
	border-color: #f0a82e;
	box-shadow: 0 0 0 1px rgba(240, 168, 46, 0.48);
}

html[data-theme="spacepirate"] .control-panels .mods,
html[data-theme="spacepirate"] .legend-wrapper,
html[data-theme="spacepirate"] .contextmenu-content {
	border-color: var(--color-ui-panel-border);
	background: color-mix(in srgb, var(--color-background-primary) 94%, #15130f 6%);
	color: var(--color-text-primary);
	box-shadow: 0 18px 42px rgba(21, 19, 15, 0.32);
}

html[data-theme="spacepirate"] .axis path,
html[data-theme="spacepirate"] .axis line {
	stroke: #8a7e62;
}

html[data-theme="spacepirate"] .axis text,
html[data-theme="spacepirate"] .axislabel {
	fill: #655d4a;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}