/*
 * Citizen
 *
 * SkinStyles for Extension:Translate
 * Module: ext.translate.special.managetranslatorsandbox
 * Version: MLEB 2021.07
 *
 * Date: 2021-07-29
*/

.filter.pane,
.tsb-container .search.pane {
	border-bottom-color: var( --border-color-base );
}

.request-filter-box {
	border-color: var( --border-color-base );
}

.tsb-body {
	border-color: var( --border-color-base );
}

.requests.pane,
.details.pane {
	border-top-color: var( --border-color-base );
}

.grid .details.pane {
	border-left-color: var( --border-color-base );
}

.request {
	border-right-color: var( --border-color-base );
	border-bottom-color: var( --border-color-base );
}

.request:hover {
	background-color: var( --background-color-button-quiet--hover );
}

.request.selected {
	background-color: var( --background-color-button-quiet--active );
}

.grid .request .amount {
	color: var( --color-subtle );
	background-color: var( --color-surface-2 );
}

.request .email,
.request .signup-age {
	color: var( --color-subtle );
}

.tsb-details-no-translations {
	color: var( --color-subtle );
}

.signup-comment-label {
	color: var( --color-destructive );
}

.signup-comment-text {
	color: var( --color-emphasized );
}

.details.pane .reminder-email {
	color: var( --color-subtle );
}

.details.pane .languages {
	color: var( --color-subtle );
}

.request-header {
	color: var( --color-subtle );
	background-color: var( --color-surface-2 );
	border-right-color: var( --border-color-base );
	border-bottom-color: var( --border-color-base );
}

.request-footer {
	color: var( --color-subtle );
	background-color: var( --color-surface-2 );
	border-top-color: var( --border-color-base );
	border-right-color: var( --border-color-base );
}

.clear-language-selector,
.language-selector {
	background: var( --color-surface-2 );
	border-color: var( --border-color-base );
}

.language-selector:hover {
	border-color: var( --border-color-interactive );
}

.language-selector.unselected::after {
	border-top-color: var( --border-color-interactive );
}

.translations .row {
	border-bottom-color: var( --border-color-base );
}

.translations .title {
	background-color: var( --color-surface-2 );
}

.translations .info {
	color: var( --color-subtle );
}
