@scope (.template_GitDispatch_ActionBar_ActionBarComponent) to (:scope .scopedElement) {

	:scope {
		display: grid;
		grid-template-columns: subgrid;
		grid-column: span 2;
		margin-bottom: 2lh;
	}

	.leftButtons > div > *:not(:first-child), .rightButtons > * {
		margin-left: .5em;
	}

	.leftButtons {
		display: grid;
		grid-template-columns: max-content auto max-content;
	}

	.rightButtons {
		justify-self: right;
	}
	
	a > button {
		text-decoration-line: none;
	}

}

@scope (.template_GitDispatch_ActionBar_ActionBarComponent) {

}

@scope (.template_GitDispatch_DomainForm_DomainFormComponent) to (:scope .scopedElement) {

}

@scope (.template_GitDispatch_DomainForm_DomainFormComponent) {

	.mainContainer {
		display: grid;
		grid-template-columns: auto 42%;
	}

	.domainContainer {
		display: grid;
		grid-template-columns: max-content auto max-content max-content;
		height: max-content;
	}

	.domainContainer .productName {
		grid-column: span 3;
	}

	.outputContainer {
		margin-left: 5em;
	}

	h2.outputHeader {
		margin-bottom: .5lh;
	}

	.outputLogs:has(> div) {
		border: 1px solid var(--APR_FRAMEWORK_CSS_BUTTON_BORDER_COLOR);
		border-radius: 12px;
		padding: .5lh;
	}

	.outputLogs div:not(:first-child) {
		margin-top: .5lh;
	}

	.subGridContainer {
		display: grid;
		grid-template-columns: subgrid;
		grid-column: span 4;
		gap: 1em;
		padding: .5em;
		align-items: center;
	}

	.productHeader:not(.domainContainerHeadline + .productHeader) {
		margin-top: 30px;
	}

	/* Zebra stripes for grids using subgrids */
	.zebraGrid > div:nth-child(odd) {
		background: var(--APR_FRAMEWORK_CSS_ZEBRA_DARK_COLOR);
	}

	.zebraGrid > div:nth-child(even) {
		background: var(--APR_FRAMEWORK_CSS_ZEBRA_LIGHT_COLOR);
	}

	.domainContainerHeadline div {
		font-weight: bold;
	}

	.siteLinks {
		cursor: default;
	}

	.siteLinks a {
		text-decoration: none;
	}

	.siteLinks a:hover {
		text-decoration: underline;
	}

}

@scope (.template_GitDispatch_EditCustomersForm_EditCustomersFormComponent) to (:scope .scopedElement) {

	:scope {
		display: grid;
		grid-template-columns: repeat(6, max-content);
	}

	.buttonRow {
		grid-column: span 6;
		justify-self: right;
	}

	.subGridContainer {
		display: grid;
		grid-template-columns: subgrid;
		grid-column: span 6;
		padding: .5em .2em;
		gap: 1em;
		align-items: center;
	}

	/* Zebra stripes for grids using subgrids */
	:scope > div:nth-child(odd) {
		background: var(--APR_FRAMEWORK_CSS_ZEBRA_DARK_COLOR);
	}

	:scope > div:nth-child(even) {
		background: var(--APR_FRAMEWORK_CSS_ZEBRA_LIGHT_COLOR);
	}

	.domainContainerHeadline div {
		font-weight: bold;
	}

}

@scope (.template_GitDispatch_EditCustomersForm_EditCustomersFormComponent) {

}

@scope (.template_GitDispatch_Main_GitDispatchComponent) to (:scope .scopedElement) {

}

@scope (.template_GitDispatch_Main_GitDispatchComponent) {

}

@scope (.template_TaskQueue_Log_LogComponent) to (:scope .scopedElement) {

	.logFileHeader {
		display: grid;
		grid-template-columns: auto max-content;
		margin-bottom: 1lh;
	}

	.logFileHeader:not(:first-of-type) {
		margin-top: 2lh;
	}

	.dateSelectorContainer {
		margin-bottom: 1lh;
	}

	h2 {
		font-size: 1.2em;
		font-weight: bold;
	}

}

@scope (.template_TaskQueue_Log_LogComponent) {

}

@scope (.template_TaskQueue_Main_TaskQueueComponent) to (:scope .scopedElement) {

}

@scope (.template_TaskQueue_Main_TaskQueueComponent) {

}

@scope (.template_TaskQueue_Manager_ManagerComponent) to (:scope .scopedElement) {

	:scope {
		display: grid;
		gap: 5em;
		grid-template-columns: repeat(2, calc(50% - 2.5em));
	}

	.actionList {
		margin-bottom: 1lh;
		height: 2lh;
	}

	.output {
		margin-bottom: 1lh;
		height: 2lh;
	}

}

@scope (.template_TaskQueue_Manager_ManagerComponent) {

}

@scope (.template_TaskQueue_MenuBar_MenuBarComponent) to (:scope .scopedElement) {

	.menuBarGridContainer {
		display: grid;
		grid-template-columns: max-content 1fr;
		margin-bottom: 1.5lh;
	}

	.menuBarContainer {
		display: flex;
	}

	.dummyItem {
		padding-bottom: .2em;
		border-bottom: 2px solid var(--APR_FRAMEWORK_CSS_TEXT_COLOR);
	}

	.menuBarItem {
		padding: 0 .4em .2em .4em;
		border-bottom: 2px solid var(--APR_FRAMEWORK_CSS_TEXT_COLOR);
	}

	.menuBarItem:first-of-type {
		padding-left: 0;
	}

	.menuBarItem.menuBarItemSelected {
		border-bottom-color: green;
	}

	.menuBarItem a {
		display: grid;
		gap: .2em;
		grid-template-columns: max-content max-content;
		align-items: center;
		color: var(--APR_FRAMEWORK_CSS_TEXT_COLOR);
		padding: .4em .4em calc(.4em - 2px) .4em;
		font-size: 13px;
		font-weight: normal;
		text-decoration: none;
	}

	.menuBarItem a:link span, .menuBarItem a:visited span, .menuBarItem a:active span, .menuBarItem {
		color: inherit;
		text-decoration: none;
	}

	.menuBarItem a:hover span {
		color: var(--APR_FRAMEWORK_CSS_HOVER_TEXT_COLOR);
	}

	.menuBarItem a:focus {
		outline: none !important;
	}

	.menuBarItem:not(.menuBarItemSelected):has(a:hover):not(:focus-within) {
		border-bottom-color: red;
	}

	.menuBarItem:focus-within {
		border-bottom-color: lightblue;
	}

	a.menuBarItem span {
		font-family: inherit;
		color: inherit;
	}

}

@scope (.template_TaskQueue_MenuBar_MenuBarComponent) {

}

@scope (.template_TaskQueue_Monitor_MonitorComponent) to (:scope .scopedElement) {

}

@scope (.template_TaskQueue_Monitor_MonitorComponent) {

}

@scope (.template_TaskQueue_StackedList_Item_StackedListItemComponent) to (:scope .scopedElement) {

	:scope {
		border: 1px solid var(--APR_FRAMEWORK_CSS_BORDER_COLOR);
		border-top-width: 0;
		padding: 1em;
		background-color: var(--APR_FRAMEWORK_CSS_ZEBRA_LIGHT_COLOR);
	}

	:scope:first-of-type {
		border-top-width: 1px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}

	:scope:last-of-type {
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	:scope.hidden {
		cursor: pointer;
	}

	:scope:hover {
		background-color: var(--APR_FRAMEWORK_CSS_ZEBRA_DARK_COLOR);
	}

	:scope.failedFinal {
		background-color: var(--APR_FRAMEWORK_CSS_HOT_COLOR);
	}

	:scope h2 {
		font-size: 1.2em;
		font-weight: bold;
		color: var(--APR_FRAMEWORK_CSS_TEXT_COLOR);
		display: inline;
	}

	:scope.failed h2 {
		color: var(--APR_FRAMEWORK_CSS_WARNING_COLOR);
	}

	.taskEntryHidden {
		margin-top: 1em;
	}

	.taskEntryHidden.hidden {
		visibility: hidden;
		height: 0;
		margin-top: 0;
	}

	.priority {
		background-color: var(--APR_FRAMEWORK_CSS_TEXT_COLOR);
		color: var(--APR_FRAMEWORK_CSS_PAPER_COLOR);
		font-size: 1em;
		padding: .3em .8em;
		border-radius: 8px;
	}

	.jobtype {
		background-color: var(--APR_FRAMEWORK_CSS_TAB_DARK_COLOR);
		font-size: 1em;
		padding: .3em .8em;
		border-radius: 8px;
	}


	p, span, pre, .taskEntryRightContainer > div {
		margin-bottom: .5lh;
	}

	h1 {
		margin-bottom: .5lh;
	}

	.taskEntryContainerMainLine {
		display: grid;
		grid-template-columns: 1fr max-content;
		gap: .5em;
	}

	.taskEntryActionLine {
		display: grid;
		grid-template-columns: auto max-content;
		margin-top: 1em;
	}

	pre {
		overflow: auto;
	}

	.selfLoader {
		display: grid;
		justify-content: center;
	}

}

@scope (.template_TaskQueue_StackedList_Item_StackedListItemComponent) {

}

@scope (.template_TaskQueue_StackedList_StackedListComponent) to (:scope .scopedElement) {

}

@scope (.template_TaskQueue_StackedList_StackedListComponent) {

}

@scope (.template_Update_Index_UpdateIndexComponent) to (:scope .scopedElement) {

}

@scope (.template_Update_Index_UpdateIndexComponent) {

}

@scope (.template_Update_Popup_PopupComponent) to (:scope .scopedElement) {

}

@scope (.template_Update_Popup_PopupComponent) {

}