@import url("modals-Urv-nPl.css");

:root {
	--content-width: 1060px;
	--header-height: 48px;
	--sm-breakpoint: 640px;
}

body > header {
	display: flow-root;
	position: relative;
	z-index: 80;
	color: var(--masthead-text-color);
	box-sizing: content-box;
	padding-left: var(--alt-padding);
	padding-right: var(--alt-padding);
}

body > header > div {
	margin: 0 auto;
	max-width: var(--content-width);
}

body > main {
	margin: 0 auto;
	padding: var(--alt-padding) var(--main-padding);
	max-width: var(--content-width);
}

/* Allow content to expand beyond default width when needed */
main.full-width {
    width: 100%;
    max-width: none;
    margin: 0;
    overflow-x: auto;
    padding: 0;
}

/* Page header */
body::before { /* header color band */
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	box-sizing: border-box;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	background-color: var(--masthead-bg-color);
	height: var(--header-height);
	content: "";
}
body > header h1 {
	background: url("../../images/logo-_CgyaT0.png") no-repeat left center;
	background-size: contain;
	image-rendering: -webkit-optimize-contrast;
	width: 40px;
	height: 40px;
	text-indent: -9999px; /* Hide text off-screen */
	overflow: hidden;
}
body > header h1.without-menu {
	background-image: url("../../images/logo-full-i8acHty.png");
	width: 240px;
}
body > header h1 > a {
	display: block;
	width: 100%;
	height: 100%;
}

/* Current user + drop-down menu */
#current-user {
	padding: 8px 9px;
	/* width: 60px; */
	text-align: right;
}
#current-user > .user-initials {
	display: inline-block;
	border-radius: 16px;
	background-color: var(--header-bg-color);
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 12px;
	line-height: 32px;
	color: inherit;
	cursor: pointer;
}
#current-user > .user-nav-dropdown {
	display: none;
	position: absolute;
	top: 44px;
	right: 0;
	z-index: 99;
	border-radius: var(--border-radius);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	background-color: var(--alt-bg-color);
	width: 200px;
	text-align: left;
	color: var(--alt-text-color);
}
#current-user:hover > .user-nav-dropdown,
#current-user:focus-within > .user-nav-dropdown,
#current-user.menu-open > .user-nav-dropdown {
	display: block;
}
#current-user :is(.user-name,.company-name) {
	padding: 0 20px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: uppercase;
	text-overflow: ellipsis;
	font-size: inherit;
	font-weight: var(--bold-font-weight);
	color: var(--list-text-color);
	cursor: default;
}
#current-user .user-menu {
	list-style-type: none;
	font-size: 12px;
	line-height: 32px;
	color: var(--alt-text-color);
}
#current-user .menu-section {
	padding: 10px 0;
}
#current-user .menu-section + .menu-section {
	border-top: 1px solid var(--border-color);
}
#current-user .actions {
	list-style-type: none;
}
#current-user .action {
	display: block;
	padding: 0 20px;
	text-decoration: none;
	font-weight: var(--bold-font-weight);
	color: inherit;
}
#current-user .action:hover {
	background-color: #efefef;
}

/* App menu */
.app-menu,
.app-meta-menu,
.app-sub-menu {
	display: flow-root;
	list-style-type: none;
}
.app-sub-menu {
	border-bottom: 1px solid var(--border-color);
	/* padding: 0 var(--alt-padding); */
	color: var(--alt-text-color);
}
.app-menu > .menu-item,
.app-meta-menu > .menu-item,
.app-sub-menu > .menu-item {
	float: left;
}
.app-menu > .menu-item,
.app-meta-menu > .menu-item {
	transition: background-color 500ms;
}
.app-menu > .menu-item:hover,
.app-meta-menu > .menu-item:hover {
	background-color: #fff1;
}
.app-menu > .menu-item.current {
	background-color: #fff2;
}
.app-sub-menu > .menu-item {
	/* margin: 4px 16px 0 0; */
}
.app-sub-menu > .menu-item.content-pages {
	border-left: 1px solid var(--border-color);
	padding-left: 16px;
}
.app-menu > .menu-item > a,
.app-meta-menu > .menu-item > a,
.app-sub-menu > .menu-item > a {
	display: block;
	padding: 0 14px;
	opacity: 0.8;
	line-height: var(--header-height);
	text-decoration: none;
	color: inherit;
}
.app-sub-menu > .menu-item > a {
	margin-top: -4px;
	border-bottom: 2px solid transparent;
	padding: 0 4px;
	opacity: 0.7;
	font-weight: var(--bold-font-weight);
}
.app-menu > .menu-item.active > a,
.app-sub-menu > .menu-item.active > a {
	opacity: initial;
	cursor: default;
}
.app-sub-menu > .menu-item.current > a {
	border-bottom-color: oklch(0.546 0.245 262.881);
}

/* Page actions */
.page-actions {
	display: flex;
	margin-bottom: var(--alt-margin);
	align-items: center;
	gap: var(--alt-margin);
}
.page-actions > a {
	display: inline-block;
	text-decoration: none;
}
.page-actions > .action {
	border-radius: var(--button-radius);
	background-color: var(--action-color);
	text-align: center;
	font-size: var(--button-font-size);
	color: var(--btn-text-color);
}
.page-actions > .action:is(.create,.manage)::before {
	display: inline-block;
	margin-right: 8px;
	font: var(--fa-font-solid);
}
.page-actions + .item-tabs {
	margin-top: 30px;
}

/* Page actions - form fields */
.page-actions > .form-field {
	margin-top: 0;
}
.page-actions > .form-field.toggle-switch {
	display: flex;
	align-items: center;
	gap: var(--alt-margin);
}
.page-actions .toggle-switch-widget {
	background-color: var(--alt-bg-color);
}
.page-actions > .form-field.search {
	display: block;
}
.page-actions > .form-field.search > input[type="search"] {
	padding: 5px 40px 5px 10px;
	height: auto;
	line-height: 26px;
}
.page-actions > .form-field.search > input[type="search" i]::-webkit-search-cancel-button,
input[type="search" i]::-webkit-search-cancel-button {
	appearance: none; /* remove webkit/blink search cancel button */
 }
.page-actions > .form-field.search > .action.clear-search {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 36px;
	height: 36px;
	text-indent: -9999px;
}
.page-actions > .form-field.search > .action.clear-search:disabled {
	opacity: 1.0;
	cursor: default;
}
.page-actions > .form-field.search > .action.clear-search::after {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	text-indent: 0;
	font: var(--fa-font-solid);
	font-size: 16px;
	line-height: 36px;
	color: var(--med-light-gray);
	content: "\f057";
}
.page-actions > .form-field.search > .action.clear-search:enabled:is(:hover,:focus)::after {
	color: var(--caution-color);
}
.page-actions > .form-field.search > .action.clear-search:disabled::after {
	font: var(--fa-font-light);
	font-size: 20px;
	line-height: 36px;
	color: inherit;
	content: "\f002";
}

/* Item filter */
.item-filter {
	margin: 30px 0 10px;
}
.item-filter > .filter-action {
	margin-right: 10px;
	border-radius: var(--button-radius);
	background-color: var(--accent-color);
	padding: 2px 6px;
	filter: grayscale();
	color: var(--btn-text-color);
}
.item-filter > .filter-action.selected {
	filter: none;
	cursor: default;
}

/* Item container */
#item-container:empty {
	background: url(/static/image-svg/throbber.svg) center center no-repeat;
	min-height: 600px;
}

/* Pagination links/buttons */
nav.pagination {
	text-align: right;
}
nav.pagination .item-total {
	display: inline-block;
	font-size: 13px;
	color: var(--alt-text-color);
}
nav.pagination :is(.action,.current-page) {
	margin-left: var(--min-margin);
	border-radius: var(--button-radius);
	padding: 0 6px;
	font-size: 13px;
	line-height: 20px;
	color: var(--btn-text-color);
}
nav.pagination .action {
	background-color: var(--inactive-color);
	text-decoration: none;
}
nav.pagination .action:first-child {
	margin-left: 0;
}
nav.pagination .action:not(.unavailable):is(:hover,:focus) {
	background-color: var(--action-color);
}
nav.pagination .action.unavailable {
	opacity: 0.5;
	cursor: default;
}
nav.pagination .current-page {
	background-color: var(--accent-color);
	font-weight: var(--bold-font-weight);
	cursor: default;
}

/* Item view */
.app-item.proposal-section:not(.scoping-table) {
	background-color: var(--alt-bg-color);
	padding: 40px;
	padding-top: 30px;
}
.app-item.proposal-section.scoping-table > .proposal-scope {
	--heading-background: var(--header-bg-color);
	--heading-foreground: var(--header-text-color);
	--expander-collapser-size: var(--item-padding-side);
}
.app-item.proposal-section.scoping-table .scoping-table-item > .item-header {
	cursor: unset;
}