/* My Tickets portal — matches account navy / purple / mint */

.de-my-tickets {
	color: #fff;
}

.de-my-tickets-intro,
.de-my-tickets-notice {
	color: #fff;
	opacity: 0.9;
	margin-bottom: 1.5em;
}

.de-my-tickets-back {
	margin-bottom: 1.25em;
}

.de-my-tickets-back a {
	color: #25E5A5;
	text-decoration: none;
}

.de-my-tickets-back a:hover {
	text-decoration: underline;
}

.woocommerce-MyAccount-navigation-link--my-tickets a::before {
	content: "\e028"; 
}

.woocommerce-account .de-my-tickets-table.shop_table thead th {
	font-size: 18px;
	color: #fff;
	border: none;
}

.woocommerce-account .de-my-tickets-table.shop_table tbody tr:nth-child(odd) {
	background-color: #101a2e;
}

.woocommerce-account .de-my-tickets-table.shop_table tbody td,
.woocommerce-account .de-my-tickets-table.shop_table tbody td a {
	color: #fff;
}

.woocommerce-account .de-my-tickets-table.shop_table tbody td a:hover {
	color: #25E5A5;
}

.de-my-tickets-status {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 3px;
	font-size: 13px;
	line-height: 1.4;
	border: 1px solid #7F57F6;
	color: #fff;
}

.de-my-tickets-status--active {
	border-color: #25E5A5;
	color: #25E5A5;
}

.de-my-tickets-status--pending {
	border-color: #7F57F6;
	color: #c4b0ff;
}

.de-my-tickets-status--closed {
	border-color: rgba(255, 255, 255, 0.35);
	color: rgba(255, 255, 255, 0.7);
}

.de-my-tickets-detail-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.de-my-tickets-detail-header h2 {
	margin: 0;
	flex: 1 1 auto;
}

.de-my-tickets-thread {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 2em;
}

.de-my-tickets-message {
	background-color: #101a2e;
	padding: 16px 20px;
	border-left: 3px solid #7F57F6;
}

.de-my-tickets-message--customer {
	border-left-color: #25E5A5;
}

.de-my-tickets-message-meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 10px;
	font-size: 13px;
	opacity: 0.85;
}

.de-my-tickets-message-body {
	color: #fff;
	line-height: 1.6;
	word-break: break-word;
}

.de-my-tickets-message-body a {
	color: #25E5A5;
}

.de-my-tickets-message-body p:last-child {
	margin-bottom: 0;
}

.de-my-tickets-reply h3 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 0.75em;
}

.de-my-tickets-reply-textarea {
	width: 100%;
	max-width: 100%;
	min-height: 140px;
	padding: 12px 14px;
	background: #0D1627;
	border: 1px solid #7F57F6;
	border-radius: 4px;
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	box-sizing: border-box;
}

.de-my-tickets-reply-textarea:focus {
	outline: none;
	border-color: #25E5A5;
}

.de-my-tickets-reply-submit.button,
.woocommerce-account .de-my-tickets-reply-submit.button {
	background: #7F57F6 !important;
	border: 1px solid #7F57F6 !important;
	color: #fff !important;
	padding: 10px 28px !important;
	border-radius: 4px;
}

.de-my-tickets-reply-submit.button:hover,
.woocommerce-account .de-my-tickets-reply-submit.button:hover {
	background: #25E5A5 !important;
	border-color: #25E5A5 !important;
	color: #0D1627 !important;
}

@media (max-width: 768px) {
	.de-my-tickets-detail-header {
		flex-direction: column;
		align-items: flex-start;
	}
}