.logs-explorer-views-container {
	margin-bottom: 24px;
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;

	.logs-explorer-views-types {
		width: -webkit-fill-available;
		display: flex;
		flex-direction: column;
		flex: 1;
		min-height: 0;
		padding-bottom: 10px;

		.views-tabs-container {
			padding: 8px 16px;
			border: 1px solid var(--l1-border);
			border-left: none;
			border-right: none;

			display: flex;
			align-items: center;
			justify-content: space-between;

			.views-tabs {
				color: var(--l2-foreground);

				.view-title {
					display: flex;
					gap: var(--margin-2);
					align-items: center;
					justify-content: center;
					font-size: var(--font-size-xs);
					font-style: normal;
					font-weight: var(--font-weight-normal);
				}

				.ant-btn {
					box-shadow: none;
				}

				.tab {
					border: 1px solid var(--l1-border);
					width: 114px;
				}

				.tab::before {
					background: var(--l1-border);
				}

				.selected_view {
					background: var(--l1-border);
					color: var(--l1-foreground);
					border: 1px solid var(--l1-border);
				}

				.selected_view::before {
					background: var(--l1-border);
				}

				.ant-radio-button-wrapper {
					min-width: 120px;
					text-align: center;

					font-style: normal;
					font-weight: 400;
					font-size: 12px;
				}
			}

			.tab-options {
				display: flex;
				gap: 8px;
				align-items: center;

				.ant-btn {
					border: 1px solid var(--l1-border);
				}

				.order-by-container {
					display: flex;
					align-items: center;
					gap: 8px;
				}

				.format-options-container {
					position: relative;
				}
			}
		}

		.logs-actions-container {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 8px;

			height: 40px;
			padding: 4px 8px;
			width: 100%;

			border-bottom: 1px solid var(--l1-border);

			.tab-options {
				display: flex;
				flex: 1;
				justify-content: space-between;
				align-items: center;

				.tab-options-left {
					display: flex;
					align-items: center;
					gap: 8px;
				}

				.tab-options-right {
					display: flex;
					align-items: center;
					gap: 4px;

					.order-by-container {
						display: flex;
						align-items: center;
						gap: 8px;

						.order-by-label {
							color: var(--l2-foreground);
							font-size: 12px;
							font-style: normal;
							font-weight: 400;
							line-height: 16px; /* 133.333% */

							display: flex;
							align-items: center;
							gap: 4px;
						}

						.order-by-select {
							width: 100px;

							.ant-select-selector {
								border: none;
								box-shadow: none;
								background-color: transparent;
							}
						}
					}
				}

				.frequency-chart-view-controller {
					display: flex;
					align-items: center;
					gap: 8px;
				}
			}

			.query-stats {
				display: flex;
				align-items: center;
				gap: 12px;

				align-self: flex-end;

				.rows {
					color: var(--l2-foreground);
					font-family: 'Geist Mono';
					font-size: 12px;
					font-style: normal;
					font-weight: 400;
					line-height: 18px; /* 150% */
					letter-spacing: 0.36px;
				}

				.divider {
					width: 1px;
					height: 14px;
					background: var(--l3-background);
				}

				.time {
					color: var(--l2-foreground);
					font-family: 'Geist Mono';
					font-size: 12px;
					font-style: normal;
					font-weight: 400;
					line-height: 18px; /* 150% */
					letter-spacing: 0.36px;
				}
			}

			.ant-btn {
				border: none;
			}
		}

		.logs-explorer-views-type-content {
			flex: 1;
			min-height: 0;
			display: flex;
			flex-direction: column;

			.ant-card {
				border: none !important;
			}

			.query-table {
				.ant-table {
					table {
						min-width: 99% !important;
					}
				}
			}

			.table-view-container {
				flex: 1;
				min-height: 0;
				overflow-y: visible;
			}

			.time-series-view-container {
				flex: 1;
				display: flex;
				flex-direction: column;
				min-height: 0;
				overflow-y: visible;

				.time-series-view-container-header {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					padding: 12px;
					flex-shrink: 0;
				}

				.time-series-view {
					flex-shrink: 0;
					height: 65vh;
					min-height: 450px;
					padding-bottom: 140px;
				}
			}
		}
	}

	.ant-card-body {
		background-color: var(--l1-background);
	}

	.logs-frequency-chart-container {
		padding: 0px 8px;

		.logs-frequency-chart {
			.ant-card-body {
				height: 140px;
				min-height: 140px;
				padding: 0 16px 22px 16px;
				font-family: 'Geist Mono';
			}

			margin-bottom: 0px;
		}
	}
}

.order-by-container {
	display: flex;
	align-items: center;
	gap: 8px;
}
