.awsm-wc {
	&-has-margin {
		margin-bottom: 20px;
	}
	&-sidebar-tab-panel {
		.components-tab-panel__tab-content {
			> .components-panel {
				border-left: none;
			}
		}
	}
	&-media-preview {
		img {
			max-width: 100%;
		}
	}
	&-schedule {
		&-row {
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
		&-day {
			width: 72px;
			.components-base-control.components-toggle-control {
				margin-bottom: 0;
			}
		}
		&-times {
			display: flex;
			max-width: 100%;
			gap: 6px;
			.components-input-control.components-number-control {
				width: 30px;
			}
			.components-datetime__time-separator {
				height: 28px;
				line-height: 28px;
			}
			.components-input-control__container {
				.components-input-control__input {
					min-height: 30px !important;
					height: 30px !important;
				}
			}
		}
	}

	/* Table styling */
	&-table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 20px;

		&__row {
			border-bottom: 1px solid #e0e0e0;

			&:hover {
				background-color: #f9f9f9;
			}
		}

		th {
			text-align: left;
			padding: 12px 16px;
			font-weight: 600;
			text-transform: uppercase;
			font-size: 12px;
			color: #555;
			background-color: #f8f8f8;
			position: relative;
		}

		td {
			padding: 12px 16px;
		}

		&__cell-content-wrapper {
			display: flex;
			align-items: center;
		}
	}

	/* Column Dropdowns */
	&-filter-th {
		position: relative;
	}

	&-column-button {
		text-transform: uppercase;
		font-weight: 600;
		font-size: 12px;
		color: #555;
		height: auto;
		padding: 0;
		min-width: auto;

		&:hover {
			color: #0073aa;
		}
	}

	&-dropdown-content {
		min-width: 220px;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	}

	/* Quick Actions */
	&-quick-actions {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	&-quick-action-btn {
		padding: 0;
		min-width: auto;
		height: auto;

		&:hover {
			color: #0073aa;
		}
	}

	/* Controls */
	&-table-controls {
		margin-bottom: 16px;
	}

	&-table-search {
		width: 300px;
	}

	/* Status badges */
	&-status-badge {
		padding: 4px 8px;
		border-radius: 4px;
		font-size: 12px;
		text-transform: capitalize;
		font-weight: 500;

		&-new {
			background-color: #e3f2fd;
			color: #0277bd;
		}

		&-in-progress {
			background-color: #fff8e1;
			color: #ff8f00;
		}

		&-resolved {
			background-color: #e8f5e9;
			color: #2e7d32;
		}

		&-closed {
			background-color: #f5f5f5;
			color: #616161;
		}
	}

	&-link-arrow {
		svg {
			transform: rotate(45deg);
		}
	}

	/* Entry Modal */
	&-entry-modal {
		.components-modal__content {
			padding: 0;
		}

		.components-modal__header {
			margin-bottom: 0;
			border-bottom: 1px solid #ddd;
			padding: 24px 38px;
		}
		&.components-modal__frame.has-size-large {
			@media (min-width: 600px) {
				max-width: 930px;
			}
		}
		&-header-actions {
			display: flex;
			align-items: center;
			gap: 15px;
			margin-right: 15px;
			button {
				background-color: transparent;
				padding: 0;
				border: none;
				cursor: pointer;
			}

			svg {
				display: block;
			}
		}
	}

	&-entry-modal-content {
		padding: 24px 38px;
		max-height: 60vh;
		overflow-y: auto;
	}

	&-entry-details {
		display: flex;
		gap: 30px;

		&-left {
			flex: 1;
		}

		&-right {
			flex: 0 0 300px;
		}
	}

	&-entry-field {
		margin-bottom: 16px;
		display: flex;
		&-label {
			// font-weight: 600;
			// margin-bottom: 4px;
			text-transform: capitalize;
			flex: 0 0 25%;
			padding-right: 10px;
		}

		&-value {
			// background-color: #f9f9f9;
			// padding: 12px;
			// border-radius: 4px;
			// white-space: pre-wrap;
			// word-break: break-word;
			flex: 0 0 75%;
		}
	}

	&-entry-info {
		background-color: #f5f5f7;
		padding: 16px;
		border-radius: 10px;

		&-item {
			display: flex;
			margin-bottom: 12px;
			padding-right: 10px;
			&:last-child {
				margin-bottom: 0;
			}
		}

		&-label {
			font-size: 12px;
			color: #757575;
			margin-bottom: 2px;
			flex: 0 0 40%;
		}

		&-value {
			// font-weight: 500;
			flex: 0 0 60%;
			a {
				color: #1e1e1e;
				text-decoration: none;
				display: flex;
				align-items: center;
				gap: 4px;
				font-weight: 600;
				&:hover {
					text-decoration: none;
				}
			}
		}
	}

	&-entry-modal-footer {
		border-top: 1px solid #e0e0e0;
		padding: 16px 24px;
	}

	&-btn-next {
		display: flex;
		align-items: center;
		gap: 6px;
	}

	&-no-data {
		color: #757575;
		font-style: italic;
		padding: 12px;
		background-color: #f9f9f9;
		border-radius: 4px;
	}

	/* Pagination */
	&-pagination {
		display: flex;
		justify-content: space-between;
		padding: 12px 0;
		border-top: 1px solid #e0e0e0;

		&-controls {
			display: flex;
			align-items: center;
			gap: 12px;
		}

		&-page-select {
			width: 60px;
			margin: 0 8px;

			.components-select-control__input {
				min-height: 30px;
				height: 30px;
			}
		}
	}

	/* Bulk actions */
	&-bulk-actions {
		position: relative;

		&-dropdown {
			width: 150px;
		}

		&-button {
			margin-left: 8px;
		}
	}
}