.celery-task-detail-drawer {
	.ant-drawer-wrapper-body {
		background: var(--l1-background);
		border: 1px solid var(--l1-border);
	}

	.ant-drawer-body {
		padding: 0px;

		.ant-card {
			border: none;
			.ant-card-body {
				height: 100%;
				background: var(--l1-background);

				.ant-table {
					background: var(--l1-background);
				}
			}
		}
	}

	.ant-drawer-header {
		border-bottom: 1px solid var(--l1-border);
		.ant-drawer-header-title {
			.ant-drawer-close {
				position: absolute;
				right: 0;
			}

			button > svg {
				color: var(--l1-foreground);
			}

			.ant-drawer-title {
				display: flex;
				flex-direction: column;
				align-items: flex-start;

				.title {
					color: var(--l1-foreground);
					font-family: Inter;
					font-size: 18px;
					font-style: normal;
					font-weight: 600;
					line-height: 18px;
					letter-spacing: -0.45px;
				}

				.subtitle {
					color: var(--l2-foreground);
					font-family: Inter;
					font-size: 12px;
					font-style: normal;
					font-weight: 400;
					line-height: 20px;
				}
			}
		}
	}

	.ant-drawer-footer {
		border-top: 1px solid var(--l1-border);

		.footer-text {
			color: var(--l2-foreground);
			font-family: Inter;
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 20px;
		}
	}
}
