advanced-search-deck {
	flex-direction: column;
	border-bottom: 1px solid var(--color-panedivider);

	// Panes are children of the inner <deck>, so hide the non-selected one
	// entirely -- otherwise it still occupies the deck's grid cell and forces
	// the area to the height of the taller pane
	advanced-search-pane:not(.deck-selected) {
		display: none;
	}
}

advanced-search-pane {
	@include inactive-opacity;

	flex-direction: column;
	padding-block: 8px;
	// Shared inline inset for every row in the pane. zoterosearch re-creates this inside its
	// own overflow: auto box (cancelling it with a negative margin) so its edge focus rings
	// aren't clipped; the other rows just inherit it.
	padding-inline: 10px;
	gap: 8px;
	background: var(--material-toolbar);

	.saved-search-name-row {
		align-items: center;
	}

	.advanced-search-buttons {
		gap: 8px;

		button {
			min-width: 100px;
			// Patch out the native button margins (5px 6px 3px on macOS) so the
			// row's gap and the pane's padding control the spacing
			margin: 0;
		}
	}
	
	&[type="temporary"] {
		.saved-search-name-row {
			display: none;
		}
		
		.advanced-search-buttons {
			.cancel-button {
				display: none;
			}
		}
	}
	
	&[type="saved"] {
		.advanced-search-buttons {
			.search-button {
				display: none;
			}
			
			.clear-button {
				display: none;
			}
		}
	}
}
