html[data-theme="oblivion"] {
	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: #11191c;
	--p-surface-1: #edf1f0;
	--p-surface-2: #dfe5e4;
	--p-surface-3: #f8faf9;
	--p-surface-4: #b7c1c0;
	--p-item: #f8faf9;
	--p-item-low: #dcefeb;
	--p-item-low-hover: #cce7e1;
	--p-item-high: #f4dfd0;
	--p-item-high-hover: #ebcbb5;
	--p-text-1: #172124;
	--p-text-2: #647174;
	--p-accent: #00a99d;
	--p-success-bright: #d8eee9;
	--p-success-dark: #007e74;
	--p-warning-bright: #f4e6c8;
	--p-warning-dark: #a46d08;
	--p-error-bright: #f0d7d2;
	--p-error-dark: #a83e31;
	--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: #f8faf9;
	--p-ui-panel-border: #b7c1c0;
	--p-ui-hover: #e5ecea;
	--p-menu-text: #cbd5d4;
	--p-menu-shell: #11191c;
	--p-menu-hover: #1b292d;
	--p-menu-active: #00a99d;
	--p-scrollbar-thumb: #758386;
	--p-progress-fill: #00a99d;
	--p-table-border: #b7c1c0;
	--p-tooltip-bg: #11191c;
}

html[data-theme="oblivion"] body {
	background:
		linear-gradient(90deg, rgba(23, 33, 36, 0.035) 1px, transparent 1px) 0 0 / 48px 48px,
		var(--color-background-primary);
}

html[data-theme="oblivion"] .header-top {
	height: 55px;
	border-bottom: 1px solid #006f68;
	background: #172124;
	color: #f4f7f6;
}

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

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

html[data-theme="oblivion"] #header-bottom-container {
	height: 5px;
	background: var(--color-org-global);
}

html[data-theme="oblivion"] #header-bottom {
	background: #006f68;
	opacity: 0.32;
}

html[data-theme="oblivion"] #content {
	padding: 34px clamp(22px, 4vw, 64px) 60px;
}

html[data-theme="oblivion"] #content h1,
html[data-theme="oblivion"] #content h2,
html[data-theme="oblivion"] #content h3 {
	font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
	font-weight: 400;
	letter-spacing: -0.02em;
}

html[data-theme="oblivion"] #content h2 {
	margin: 3px 0 0;
	padding-bottom: 20px;
	font-size: clamp(31px, 4vw, 48px);
	font-weight: 300;
	letter-spacing: -0.035em;
}

html[data-theme="oblivion"] #cssmenu {
	flex: 0 0 218px;
	min-width: 218px;
	border-right: 1px solid #334246;
	background: #11191c;
}

html[data-theme="oblivion"] .menu-icon-container {
	border: 1px solid #334246;
	border-radius: 0;
	background: #172124;
}

html[data-theme="oblivion"] #cssmenu-body a {
	position: relative;
	padding: 17px 20px 17px 31px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
	letter-spacing: 0.09em;
}

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

html[data-theme="oblivion"] #cssmenu-body ul li.active {
	background: #172124;
}

html[data-theme="oblivion"] #cssmenu-body ul li.active a::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 5px;
	background: var(--color-org-global);
}

html[data-theme="oblivion"] header .menu-button {
	border-color: #758386;
	background: #11191c;
	color: #f4f7f6;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

html[data-theme="oblivion"] header .menu {
	border-color: #758386;
	background: #172124;
	color: #f4f7f6;
}

html[data-theme="oblivion"] header .menu div:hover,
html[data-theme="oblivion"] .accordion .menu div:hover,
html[data-theme="oblivion"] .item .menu div:hover {
	background: var(--color-org-global);
	color: #fff;
}

html[data-theme="oblivion"] .resource-box,
html[data-theme="oblivion"] .accordion,
html[data-theme="oblivion"] .modalDialog,
html[data-theme="oblivion"] .dashboard,
html[data-theme="oblivion"] .items,
html[data-theme="oblivion"] .memberlist,
html[data-theme="oblivion"] .contextmenu-content,
html[data-theme="oblivion"] .member-lifecycle-compare-card {
	position: relative;
	border-color: var(--color-ui-panel-border);
	background: var(--color-background-tertiary);
	box-shadow: none;
}

html[data-theme="oblivion"] .resource-box::after,
html[data-theme="oblivion"] .accordion::after,
html[data-theme="oblivion"] .modalDialog::after,
html[data-theme="oblivion"] .member-lifecycle-compare-card::after {
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	width: 18px;
	height: 18px;
	border-top: 3px solid var(--color-org-global);
	border-right: 3px solid var(--color-org-global);
	pointer-events: none;
	z-index: 3;
}

html[data-theme="oblivion"] .resource-box-top,
html[data-theme="oblivion"] .resource-box-bottom,
html[data-theme="oblivion"] .dashboard,
html[data-theme="oblivion"] .modalHeader {
	border-color: var(--color-ui-panel-border);
	background: var(--color-background-secondary);
	color: var(--color-text-primary);
}

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

html[data-theme="oblivion"] .accordion {
	--theme-entity-color: var(--color-org-global);
}

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

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

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

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

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

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

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

html[data-theme="oblivion"] .accordion-header,
html[data-theme="oblivion"] .accordion-header:hover {
	border: 1px solid #334246;
	border-left: 5px solid var(--theme-entity-color);
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--theme-entity-color) 18%, transparent), transparent 42%),
		#172124 !important;
	color: #f4f7f6;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

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

html[data-theme="oblivion"] .accordion-header .subtitle {
	color: #aeb9b8;
	font-size: 11px;
}

html[data-theme="oblivion"] .accordion-body {
	border: 1px solid var(--color-ui-panel-border);
	border-top: 0;
	background: var(--color-background-secondary);
}

html[data-theme="oblivion"] .accordion .menu,
html[data-theme="oblivion"] .item .menu {
	border-color: var(--color-ui-panel-border);
	background: var(--color-background-primary);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

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

html[data-theme="oblivion"] .button_standard {
	box-sizing: border-box;
	min-height: 32px;
	padding: 0 13px;
	border-color: #172124;
	background: #172124;
	color: #f8faf9;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

html[data-theme="oblivion"] .button_standard:hover,
html[data-theme="oblivion"] .button_standard:focus {
	border-color: var(--color-org-global);
	background: var(--color-org-global);
	color: #fff;
}

html[data-theme="oblivion"] .button_yellow {
	border-color: #a46d08;
	background: transparent;
	color: #805605;
}

html[data-theme="oblivion"] .button_red {
	border-color: #a83e31;
	background: transparent;
	color: #8d3026;
}

html[data-theme="oblivion"] .resource-search-bar {
	border-color: var(--color-ui-panel-border);
	background:
		url(/icons/magnifying_glass_black.svg) 11px 11px / 30px 30px no-repeat,
		linear-gradient(90deg, color-mix(in srgb, var(--color-org-global) 10%, transparent), transparent 34%),
		var(--color-background-secondary);
	box-shadow: none;
}

html[data-theme="oblivion"] .feedback-input,
html[data-theme="oblivion"] .organization-input,
html[data-theme="oblivion"] .organization-input-small,
html[data-theme="oblivion"] input[type="file"],
html[data-theme="oblivion"] select,
html[data-theme="oblivion"] textarea {
	border-color: var(--color-ui-panel-border);
	background-color: var(--color-background-primary);
	color: var(--color-text-primary);
	font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
}

html[data-theme="oblivion"] .organization-input:focus,
html[data-theme="oblivion"] .organization-input-small:focus,
html[data-theme="oblivion"] textarea:focus,
html[data-theme="oblivion"] select:focus {
	border-color: var(--color-org-global);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-org-global) 55%, transparent);
}

html[data-theme="oblivion"] .control-panels .mods,
html[data-theme="oblivion"] .legend-wrapper,
html[data-theme="oblivion"] .contextmenu-content {
	border-color: var(--color-ui-panel-border);
	background: var(--color-background-primary);
	color: var(--color-text-primary);
	box-shadow: 0 18px 42px color-mix(in srgb, #000 38%, transparent);
}

html[data-theme="oblivion"] .axis path,
html[data-theme="oblivion"] .axis line {
	stroke: #758386;
}

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