html[data-theme="starwars"] {
	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: #0a0b0f;
	--p-surface-1: #d9dde4;
	--p-surface-2: #bdc5d1;
	--p-surface-3: #eef2f7;
	--p-surface-4: #7e8795;
	--p-item: #f6f8fb;
	--p-item-low: #e5edf6;
	--p-item-low-hover: #d7e5f4;
	--p-item-high: #f0d6d8;
	--p-item-high-hover: #e6c3c6;
	--p-text-1: #090c11;
	--p-text-2: #4d5664;
	--p-accent: #d9e9ff;
	--p-success-bright: #e6f4ef;
	--p-success-dark: #2e8a69;
	--p-warning-bright: #eef2f7;
	--p-warning-dark: #516078;
	--p-error-bright: #f0d6d8;
	--p-error-dark: #9e2f3c;
	--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: #eef2f7;
	--p-ui-panel-border: #7e8795;
	--p-ui-hover: #d9dde4;
	--p-menu-text: #d9e9ff;
	--p-menu-shell: #0a0b0f;
	--p-menu-hover: #151923;
	--p-menu-active: #9e2f3c;
	--p-scrollbar-thumb: #5c6471;
	--p-progress-fill: #9e2f3c;
	--p-table-border: #7e8795;
	--p-tooltip-bg: #05060a;
}

html[data-theme="starwars"] body {
	background:
		linear-gradient(90deg, rgba(9, 12, 17, 0.09) 1px, transparent 1px) 0 0 / 40px 40px,
		linear-gradient(0deg, rgba(158, 47, 60, 0.05) 1px, transparent 1px) 0 0 / 100% 12px,
		linear-gradient(180deg, #e3e7ef 0%, #c8ced8 100%),
		var(--color-background-primary);
}

html[data-theme="starwars"] .header-top {
	background: linear-gradient(90deg, #10131a 0 12%, #9e2f3c 12% 14%, #e3e7ef 14% 16%, #10131a 16% 100%);
	color: #edf5ff;
}

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

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

html[data-theme="starwars"] #header-bottom-container {
	height: 5px;
	border-bottom: 2px solid #9e2f3c;
	background: #10131a;
}

html[data-theme="starwars"] #header-bottom {
	background: #edf5ff;
	opacity: 0.18;
}

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

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

html[data-theme="starwars"] #cssmenu {
	flex: 0 0 230px;
	min-width: 230px;
	border-right: 1px solid #7e8795;
	background: linear-gradient(180deg, #0a0b0f, #05060a);
}

html[data-theme="starwars"] .menu-icon-container {
	border: 1px solid #7e8795;
	border-radius: 0;
	background: #090c11;
	box-shadow: inset 0 0 0 3px #151923;
}

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

html[data-theme="starwars"] #cssmenu-body ul li {
	border-top-color: #29303b;
}

html[data-theme="starwars"] #cssmenu-body ul li.active {
	background: linear-gradient(90deg, rgba(158, 47, 60, 0.5), transparent);
	box-shadow: inset 4px 0 0 #edf5ff;
}

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

html[data-theme="starwars"] header .menu-button {
	border-color: #edf5ff;
	background: #090c11;
	color: #edf5ff;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 10px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

html[data-theme="starwars"] header .menu,
html[data-theme="starwars"] .accordion .menu,
html[data-theme="starwars"] .item .menu {
	border-color: #7e8795;
	background: #090c11;
	color: #edf5ff;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

html[data-theme="starwars"] header .menu div:hover,
html[data-theme="starwars"] .accordion .menu div:hover,
html[data-theme="starwars"] .item .menu div:hover {
	background: #9e2f3c;
	color: #fff;
}

html[data-theme="starwars"] .resource-box,
html[data-theme="starwars"] .accordion,
html[data-theme="starwars"] .modalDialog,
html[data-theme="starwars"] .dashboard,
html[data-theme="starwars"] .items,
html[data-theme="starwars"] .memberlist,
html[data-theme="starwars"] .contextmenu-content,
html[data-theme="starwars"] .member-lifecycle-compare-card {
	position: relative;
	border-color: var(--color-ui-panel-border);
	background:
		linear-gradient(90deg, rgba(9, 12, 17, 0.07) 1px, transparent 1px) 0 0 / 22px 22px,
		linear-gradient(0deg, rgba(9, 12, 17, 0.07) 1px, transparent 1px) 0 0 / 22px 22px,
		var(--color-background-tertiary);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

html[data-theme="starwars"] .resource-box,
html[data-theme="starwars"] .modalDialog,
html[data-theme="starwars"] .member-lifecycle-compare-card {
	overflow: hidden;
	border-width: 2px;
}

html[data-theme="starwars"] .resource-box::before,
html[data-theme="starwars"] .modalDialog::before,
html[data-theme="starwars"] .member-lifecycle-compare-card::before {
	content: "";
	position: absolute;
	inset: 7px;
	border: 1px solid color-mix(in srgb, var(--color-text-primary) 18%, transparent);
	pointer-events: none;
	z-index: 2;
}

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

html[data-theme="starwars"] .resource-box-top,
html[data-theme="starwars"] .resource-box-bottom,
html[data-theme="starwars"] .dashboard,
html[data-theme="starwars"] .modalHeader {
	border-color: var(--color-ui-panel-border);
	background: linear-gradient(90deg, #090c11, #151923);
	color: #edf5ff;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

html[data-theme="starwars"] .resource-box-top {
	border-bottom-width: 3px;
}

html[data-theme="starwars"] .resource-box-body,
html[data-theme="starwars"] .resource-box-body.resource-box-content,
html[data-theme="starwars"] .modalBody,
html[data-theme="starwars"] .modalSubmit,
html[data-theme="starwars"] .accordion-body-inner {
	background:
		linear-gradient(90deg, color-mix(in srgb, #edf5ff 8%, transparent) 1px, transparent 1px) 0 0 / 18px 18px,
		var(--color-background-primary);
	color: var(--color-text-primary);
}

html[data-theme="starwars"] .accordion {
	--theme-entity-color: #9e2f3c;
}

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

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

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

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

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

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

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

html[data-theme="starwars"] .accordion-header,
html[data-theme="starwars"] .accordion-header:hover {
	border: 1px solid #7e8795;
	border-top: 4px solid var(--theme-entity-color);
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--theme-entity-color) 26%, transparent), transparent 38%),
		#090c11 !important;
	color: #edf5ff;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

html[data-theme="starwars"] .accordion-header:hover {
	border-color: #edf5ff;
	border-top-color: var(--theme-entity-color);
}

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

html[data-theme="starwars"] .accordion-body {
	border: 1px solid var(--color-ui-panel-border);
	border-top: 0;
	background:
		linear-gradient(90deg, rgba(9, 12, 17, 0.05) 1px, transparent 1px) 0 0 / 18px 18px,
		var(--color-background-secondary);
}

html[data-theme="starwars"] .resourcelist-resource,
html[data-theme="starwars"] .item,
html[data-theme="starwars"] .ticket,
html[data-theme="starwars"] .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="starwars"] .resourcelist-resource:hover,
html[data-theme="starwars"] .item:hover {
	background: color-mix(in srgb, #9e2f3c 10%, var(--color-background-tertiary));
}

html[data-theme="starwars"] .button_standard {
	box-sizing: border-box;
	min-height: 32px;
	padding: 0 13px;
	border: 1px solid #edf5ff;
	background: #090c11;
	color: #edf5ff;
	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="starwars"] .button_standard:hover,
html[data-theme="starwars"] .button_standard:focus {
	border-color: #9e2f3c;
	background: #9e2f3c;
	color: #fff;
}

html[data-theme="starwars"] .button_yellow {
	border-color: #516078;
	background: transparent;
	color: #516078;
}

html[data-theme="starwars"] .button_red {
	border-color: #9e2f3c;
	background: transparent;
	color: #9e2f3c;
}

html[data-theme="starwars"] .resource-search-bar {
	border-color: #b9c9e6;
	background:
		url(/icons/magnifying_glass_black.svg) 11px 11px / 30px 30px no-repeat,
		linear-gradient(90deg, rgba(158, 47, 60, 0.12), transparent 42%),
		#edf5ff;
	box-shadow: inset 0 0 0 1px rgba(185, 201, 230, 0.35);
}

html[data-theme="starwars"] .feedback-input,
html[data-theme="starwars"] .organization-input,
html[data-theme="starwars"] .organization-input-small,
html[data-theme="starwars"] input[type="file"],
html[data-theme="starwars"] select,
html[data-theme="starwars"] 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.04em;
}

html[data-theme="starwars"] .organization-input:focus,
html[data-theme="starwars"] .organization-input-small:focus,
html[data-theme="starwars"] textarea:focus,
html[data-theme="starwars"] select:focus {
	border-color: #edf5ff;
	box-shadow: 0 0 0 1px rgba(237, 245, 255, 0.48);
}

html[data-theme="starwars"] .control-panels .mods,
html[data-theme="starwars"] .legend-wrapper,
html[data-theme="starwars"] .contextmenu-content {
	border-color: var(--color-ui-panel-border);
	background: color-mix(in srgb, var(--color-background-primary) 94%, #090c11 6%);
	color: var(--color-text-primary);
	box-shadow: 0 18px 42px rgba(9, 12, 17, 0.32);
}

html[data-theme="starwars"] .axis path,
html[data-theme="starwars"] .axis line {
	stroke: #7e8795;
}

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