
@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.plugin-common-table__table {
	display: none;
	@include break-xlarge() {
		display: table;
	}
	border: 1px solid var(--studio-gray-5);
	border-left: none;
	border-right: none;
	border-collapse: collapse;
	tr {
		height: 1px;
		background: var(--studio-white);
	}
	th {
		font-size: 0.75rem;
		color: var(--studio-gray-50);
		font-weight: 400;
		height: 60px;
	}
	td {
		font-size: 0.875rem;
		height: 60px;
		width: 175px;
		box-sizing: border-box;
		&:nth-child(1) {
			max-width: 250px;
			@include break-wide() {
				max-width: 300px;
			}
		}
		a {
			display: flex;
		}
	}
	td,
	th {
		border-bottom: 1px solid var(--studio-gray-5);
		text-align: left;
		border-collapse: collapse;
		vertical-align: middle;
		@include break-xlarge() {
			padding: 0 48px;
		}
	}
	.partner-portal-text-placeholder {
		display: inline-flex;
		min-width: 50%;
		vertical-align: middle;
	}
}
td.plugin-common-table__actions {
	padding: 0;
	width: 50px;
	text-align: right;
	padding-right: 16px;
}
.plugin-common-table__table-row {
	&:hover {
		background: var(--studio-gray-0);
		.plugin-row-formatter__overlay {
			background: linear-gradient(to right, rgba(246, 247, 247, 0.8) 30%, rgba(246, 247, 247, 1) 100%);
		}
	}
}
.plugin-common-table__all-actions {
	vertical-align: middle;
	display: inline-flex;
	color: var(--studio-gray-40);
	margin: 0 0.1em;
	height: 100%;
}
.plugin-common-table__small-column {
	max-width: 70px;
	@include break-wide() {
		max-width: 120px;
	}
	@include break-huge() {
		max-width: 150px;
	}
}

.plugin-common-table__plugin-icon {
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-inline-end: 16px;
}

.plugin-common-table__bulk-actions {
	display: flex;
	justify-content: end;
	.button-group {
		&:not(:last-child) {
			margin-inline-end: 8px;
		}
		button {
			color: var(--studio-gray-80);
			&:first-child,
			&:last-child {
				border-radius: 4px;
			}
		}
	}
}
