@include body-class(true) {

	.dashui-table-tickets {
		border-bottom: 1px solid palette(silver, soft);

		.sui-table {
			table-layout: auto;

			thead,
			tbody {

				.dashui-column-replies {
					width: 10%;
					min-width: 120px;
				}

				.dashui-column-status {
					width: 15%;
					min-width: 220px;
				}
			}

			thead {

				tr {

					th {
						height: auto;
						padding-top: 0;
					}

					.dashui-column-topic {

						@include media(max-width, md) {
							display: block;
						}
					}

					th:not(.dashui-column-topic) {

						@include media(max-width, md) {
							display: none;
						}
					}

					@include media(max-width, md) {
						display: block;
					}
				}

				@include media(max-width, md) {
					display: block;
				}
			}

			tbody {

				.dashui-column-status {

					.dashui-status-row {
						display: flex;
						align-items: center;
						justify-content: space-between;

						.sui-button-icon {
							margin-right: -9px;
							margin-left: 10px;
						}
					}
				}

				@include media(max-width, md) {
					display: none;
				}
			}

			@include media(max-width, md) {
				display: block;
			}
		}

		.dashui-ticket {
			display: block;
			padding: #{$sui-gutter-md / 2} $sui-gutter-md;
			border-bottom: 1px solid palette(silver, soft);

			.dashui-ticket-status {
				margin: 0 0 10px;
			}

			.dashui-ticket-topic {
				overflow: hidden;
				display: flex;

				span {
					flex: 1;
					padding: 0 4px;
				}

				.sui-button-icon {
					flex: 0 0 auto;
					margin-left: 10px;
				}
			}

			.dashui-ticket-notice,
			.dashui-ticket-topic span {
				overflow: hidden;
				color: palette(gray, dark);
				font: 500 13px/22px $font;
				letter-spacing: $font--letter-spacing;
			}

			&:last-child {
				border-bottom: 0;
			}

			@include media(min-width, md) {
				display: none;
				visibility: hidden;
			}
		}

		&:last-child {
			margin: 0;
		}

		@include media(max-width, md) {
			margin: 0 -#{$sui-gutter-md} $sui-gutter-md;
		}

		@include media(min-width, md) {
			margin: 0 -#{$sui-gutter} $sui-gutter;
		}
	}
}