/* QPTicketCenter styling - mode switch similar to QMFormCenter */

.rd-ticket-center.rd-pctable .rd-knob-list-wrap-filteroptions {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

/* Search bar - prominent and wide, first row left side */
.rd-ticket-center.rd-pctable .rd-knob-list-wrap-filteroptions .rd-knob-list-item:has([name="quickSearch"]) {
	order: -2;
	flex: 1 1 calc(80% - 1em);
}

.rd-ticket-center.rd-pctable .rd-knob-list-wrap-filteroptions [name="quickSearch"] .rd-panel,
.rd-ticket-center.rd-pctable .rd-knob-list-wrap-filteroptions [name="quickSearch"] .rd-panel input {
	width: 100%;
}

/* Mode switch - first row right side, takes remaining 20% */
.rd-ticket-center.rd-pctable .rd-knob-list-wrap-filteroptions .rd-knob-list-item:has([name="mode"]) {
	order: -1;
	flex: 0 0 20%;
}

/* Push the segmented control to the right within its container */
.rd-ticket-center.rd-pctable .rd-knob-list-wrap-filteroptions [name="mode"] .rd-knob-body {
	justify-content: end;
}

/* Style the mode segmented control */
.rd-ticket-center.rd-pctable .rd-knob-list-wrap-filteroptions [name="mode"] .rd-segmented-control-content {
	background: var(--rd-secondary-active);
	border-radius: 32px;
	padding: var(--rd-spacing-x-sm);
	gap: 18px;
}

.rd-ticket-center.rd-pctable .rd-knob-list-wrap-filteroptions [name="mode"] .rd-segmented-control-indicator {
	background: var(--rd-font-light);
	border-radius: 999px;
}

.rd-ticket-center.rd-pctable .rd-knob-list-wrap-filteroptions [name="mode"] .rd-segmented-control-content > a {
	border: unset !important;
	color: var(--rd-font-light) !important;
	line-height: 24px;
	padding: 0;
}

.rd-ticket-center.rd-pctable .rd-knob-list-wrap-filteroptions [name="mode"] .rd-segmented-control-content > a.selected {
	color: var(--rd-font-dark) !important;
}

.rd-ticket-center.rd-pctable .rd-knob-list-wrap-filteroptions [name="mode"] .rd-segmented-control-content > a:not(.selected):hover {
	color: var(--rd-font-light) !important;
}

/* Hide filter bar actions (if needed) */
.rd-ticket-center .rd-queries-filter-wrap .rd-knob-list-actions {
	display: none;
}

/* Remove non-default border styling on knobs */
.rd-ticket-center.rd-pctable .rd-knob:not([forminput])[data-is-default-value="false"] .rd-knob-body {
	border-color: unset;
	background-color: unset;
}