/* This direction-aware stylesheet must remain unchanged in Frappe's css-rtl build. */
/*rtl:begin:ignore*/

.rq-project-control-rtl,
[dir="rtl"] .rq-project-control {
	direction: rtl;
	text-align: start;
}

.rq-project-control-ravi {
	font-family: Ravi, Inter, sans-serif;
}

/*rtl:end:ignore*/

.rq-project-control-surface {
	--rqpc-surface: #ffffff;
	--rqpc-subtle: #f6f8fa;
	--rqpc-border: #d9dee7;
	--rqpc-text: #1f2933;
	--rqpc-muted: #64748b;
	--rqpc-accent: #0f766e;
	--rqpc-danger: #b42318;
	--rqpc-warning: #b54708;
	--rqpc-success: #027a48;
	color: var(--rqpc-text);
	direction: rtl;
	font-family: Ravi, Inter, sans-serif;
}

.rq-project-control-surface .rqpc-toolbar {
	align-items: center;
	border-bottom: 1px solid var(--rqpc-border);
	display: flex;
	gap: 8px;
	justify-content: space-between;
	padding: 8px 0 12px;
}

.rq-project-control-surface .rqpc-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	margin: 0;
}

.rq-project-control-surface .rqpc-subtitle {
	color: var(--rqpc-muted);
	font-size: 12px;
	line-height: 1.7;
	margin: 0;
}

.rq-project-control-surface .rqpc-chip {
	border: 1px solid var(--rqpc-border);
	border-radius: 6px;
	display: inline-flex;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.6;
	padding: 2px 8px;
	white-space: nowrap;
}

.rq-project-control-surface .rqpc-chip-critical,
.rq-project-control-surface .rqpc-chip-red {
	background: #fff1f0;
	border-color: #fecdca;
	color: var(--rqpc-danger);
}

.rq-project-control-surface .rqpc-chip-high,
.rq-project-control-surface .rqpc-chip-amber {
	background: #fff7ed;
	border-color: #fed7aa;
	color: var(--rqpc-warning);
}

.rq-project-control-surface .rqpc-chip-active,
.rq-project-control-surface .rqpc-chip-green {
	background: #ecfdf3;
	border-color: #abefc6;
	color: var(--rqpc-success);
}

.rq-project-control-surface .rqpc-chip-neutral {
	background: var(--rqpc-subtle);
	border-color: var(--rqpc-border);
	color: var(--rqpc-muted);
}