/**
 *	@Project: @cldmv/stratax
 *	@Filename: /src/folder-picker.css
 *	@Copyright: Copyright (c) 2013-2026 Catalyzed Motivation Inc. All rights reserved.
 *
 * The Drive folder picker's own layout. The GRID is rummage's primitive and styles
 * itself; what belongs here is how big the picker is and how its three rows stack —
 * decisions that are about this dialog, not about grids in general.
 */

.rummage-folder-picker {
	display: grid;
	/* crumbs / grid / footer — the middle row takes the slack so the dialog is a
	   constant size as you move between a level with two folders and one with fifty.
	   Without this the modal resized on every navigation, which is disorienting when
	   the thing you are trying to do is track where you are. */
	grid-template-rows: auto 1fr auto;
	gap: 0.75rem;
	/* Tall enough for three rows of tiles, capped so it never outgrows a laptop
	   viewport; the grid itself scrolls past that. */
	height: min(52vh, 22rem);
}

.rummage-folder-picker .hui-folder-grid {
	/* The grid is the scroll container, so the crumbs and the path line stay put. */
	min-height: 0;
	padding-right: 2px;
}

.rummage-folder-picker__foot {
	font-size: 0.8125rem;
	color: var(--text-secondary, #9aa0a6);
	/* A long Drive path must not stretch the dialog. */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rummage-folder-picker__error {
	font-size: 0.8125rem;
	color: var(--danger-red, #f44336);
}