// pages/main/travel-editor/index.less

.container {
	width: 100vw;
	min-height: 100vh;
	background: var(--theme-bg-secondary);

	.content {
		padding-bottom: 64rpx;

		.loading {
			display: flex;
			padding: 128rpx 0;
			align-items: center;
			flex-direction: column;

			.loading-text {
				color: var(--theme-text-secondary);
				margin-top: 24rpx;
				font-size: 28rpx;
			}
		}

		.section {
			margin-top: 48rpx;

			.picker .slot {
				gap: 16rpx;
				display: flex;
				align-items: center;
			}

			.days-stepper {
				display: flex;
				align-items: center;
			}
		}

		.submit-section {
			gap: 24rpx;
			display: flex;
			padding: 24rpx 16rpx 48rpx 16rpx;
			margin-top: 64rpx;
			flex-direction: column;

			&.horizontal {
				flex-direction: row;

				.save-btn {
					flex: 2;
				}

				.delete-btn {
					flex: 1;
				}
			}
		}
	}
}

.delete-dialog-content {
	gap: 32rpx;
	display: flex;
	flex-direction: column;

	.delete-warning {
		gap: 16rpx;
		display: flex;
		padding: 24rpx;
		align-items: center;
		border-radius: 12rpx;
		flex-direction: column;
		background: #FFF4F4;

		.warning-text {
			color: #E34D59;
			font-size: 28rpx;
			text-align: center;
		}
	}

	.delete-confirm {
		gap: 16rpx;
		display: flex;
		flex-direction: column;

		.confirm-label {
			color: var(--theme-text-primary);
			font-size: 28rpx;
		}
	}
}