.tc-order-portal-page {
	padding-block: 18px;
}

/* VitrinaGo navigation and tracking accents. */
.tc-ops-nav a:hover,.tc-ops-nav a.is-current{background:#e8faf7;color:#007f75}
.tc-ops-nav .tc-ops-logout{background:#06243b}

.tc-order-portal-content {
	padding: 28px 30px;
}

.tc-ops-header {
	position: relative;
	background: #fff;
}

.tc-ops-header-inner {
	display: flex;
	min-height: 68px;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
}

.tc-ops-nav {
	display: flex;
	align-items: center;
	gap: 8px;
}

.tc-ops-nav a {
	padding: 9px 12px;
	border-radius: 8px;
	color: #555867;
	font-size: 12px;
	font-weight: 800;
}

.tc-ops-nav a:hover,
.tc-ops-nav a.is-current {
	background: #f0f0ff;
	color: #4e53d7;
}

.tc-ops-nav .tc-ops-logout {
	margin-left: 8px;
	background: #181923;
	color: #fff;
}

.ta-tracking-portal {
	max-width: 780px;
	margin-inline: auto;
}

.ta-tracking-portal .ta-portal-heading {
	margin-bottom: 18px;
}

.ta-tracking-portal .ta-portal-heading h2 {
	margin-top: 4px;
	font-size: clamp(30px, 4vw, 38px);
}

.ta-management-portal .ta-portal-heading h2 {
	font-size: clamp(28px, 4vw, 38px);
}

.ta-whatsapp-actions {
	margin: 18px 0;
	padding: 18px;
	border: 1px solid #dce8e0;
	border-radius: 14px;
	background: #f5fbf7;
}

.ta-whatsapp-actions-heading {
	display: flex;
	align-items: center;
	gap: 12px;
}

.ta-whatsapp-icon {
	display: grid;
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	place-items: center;
	border-radius: 50%;
	background: #20aa5a;
	color: #fff;
	font-size: 11px;
	font-weight: 900;
}

.ta-whatsapp-actions-heading small {
	color: #168148;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .13em;
}

.ta-whatsapp-actions-heading h3 {
	margin: 1px 0;
	font-size: 19px;
}

.ta-whatsapp-actions-heading p {
	margin: 0;
	color: #6c746f;
	font-size: 11px;
}

.ta-whatsapp-action-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 14px;
}

.ta-whatsapp-message-card {
	display: block;
	min-width: 0;
	padding: 12px;
	border: 1px solid #dce8e0;
	border-radius: 11px;
	background: #fff;
}

.ta-whatsapp-message-card[open] {
	grid-column: 1 / -1;
}

.ta-whatsapp-message-card.is-sent {
	border-color: #a7d9b9;
	background: #f7fcf8;
}

.ta-whatsapp-message-card summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	cursor: pointer;
	list-style: none;
	font-size: 12px;
	font-weight: 900;
}

.ta-whatsapp-message-card summary::-webkit-details-marker {
	display: none;
}

.ta-whatsapp-message-card summary::after {
	content: "+";
	color: #20aa5a;
	font-size: 18px;
}

.ta-whatsapp-message-card[open] summary::after {
	content: "−";
}

.ta-whatsapp-message-card summary small {
	margin-left: auto;
	padding: 3px 7px;
	border-radius: 99px;
	background: #f0f1f3;
	color: #7a7d86;
	font-size: 8px;
	text-transform: uppercase;
}

.ta-whatsapp-message-card.is-sent summary small {
	background: #dff5e7;
	color: #14723a;
}

.ta-whatsapp-message-body {
	display: grid;
	gap: 10px;
	margin-top: 11px;
	padding-top: 11px;
	border-top: 1px solid #e5ece7;
}

.ta-whatsapp-message-card textarea {
	width: 100%;
	min-height: 210px;
	padding: 10px;
	border: 1px solid #dfe3e0;
	border-radius: 8px;
	background: #fbfcfb;
	color: #333b36;
	font: 11px/1.45 Inter, ui-sans-serif, sans-serif;
	resize: vertical;
}

.ta-whatsapp-message-card textarea:focus {
	border-color: #20aa5a;
	box-shadow: 0 0 0 3px rgba(32, 170, 90, .1);
	outline: 0;
}

.ta-whatsapp-action {
	display: flex;
	min-height: 46px;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 9px 12px;
	border: 1px solid #d6e3da;
	border-radius: 9px;
	background: #fff;
	color: #26332b !important;
	font-size: 11px;
	font-weight: 900;
	text-decoration: none !important;
}

.ta-whatsapp-message-card .ta-whatsapp-action {
	background: #20aa5a;
	color: #fff !important;
}

.ta-whatsapp-message-card .ta-whatsapp-action b {
	color: #fff;
}

.ta-whatsapp-message-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.ta-whatsapp-message-actions form {
	margin: 0;
}

.ta-whatsapp-message-actions button {
	min-height: 46px;
	padding: 9px 12px;
	border: 1px solid #cfd5d1;
	border-radius: 9px;
	background: #fff;
	color: #343a36;
	font-size: 10px;
	font-weight: 900;
	cursor: pointer;
}

.ta-whatsapp-table-status {
	display: flex;
	gap: 4px;
}

.ta-whatsapp-table-status span {
	display: grid;
	width: 22px;
	height: 22px;
	place-items: center;
	border-radius: 50%;
	background: #eff0f3;
	color: #9699a1;
	font-size: 8px;
	font-weight: 900;
}

.ta-whatsapp-table-status span.is-sent {
	background: #dff5e7;
	color: #14723a;
}

.ta-whatsapp-action:hover,
.ta-whatsapp-action:focus {
	border-color: #20aa5a;
	background: #eaf8ef;
}

.ta-whatsapp-action b {
	color: #20aa5a;
	font-size: 17px;
}

.ta-tracking-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	max-width: 720px;
	padding: 14px;
}

.ta-tracking-results {
	display: grid;
	gap: 16px;
	margin-top: 22px;
}

.ta-tracking-results-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	color: #70727e;
	font-size: 12px;
}

.ta-tracking-results-head strong {
	color: #181923;
	font-size: 16px;
}

.ta-tracking-results .ta-customer-result {
	margin-top: 0;
}

.ta-tracking-results .ta-status-timeline {
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 560px) {
	.tc-order-portal-page {
		padding-block: 10px;
	}

	.tc-order-portal-content {
		padding: 22px 16px;
	}

	.tc-ops-header-inner {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
		padding-block: 14px;
	}

	.tc-ops-nav {
		width: 100%;
		overflow-x: auto;
		padding-bottom: 3px;
		white-space: nowrap;
	}

	.ta-tracking-form {
		grid-template-columns: 1fr;
	}

	.ta-tracking-results-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.ta-tracking-results .ta-status-timeline {
		grid-template-columns: repeat(3, minmax(82px, 1fr));
	}

	.ta-whatsapp-actions {
		margin: 14px 0;
		padding: 14px;
	}

	.ta-whatsapp-action-grid {
		grid-template-columns: 1fr;
	}

	.ta-whatsapp-action {
		min-height: 52px;
		font-size: 12px;
	}

	.ta-whatsapp-message-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.ta-whatsapp-message-actions form,
	.ta-whatsapp-message-actions button,
	.ta-whatsapp-message-actions .ta-whatsapp-action {
		width: 100%;
	}

	.ta-whatsapp-message-card textarea {
		min-height: 190px;
		font-size: 12px;
	}
}

/* Keep VitrinaGo navigation accents after all responsive rules. */
.tc-ops-nav a:hover,
.tc-ops-nav a.is-current {
	background: #e8faf7;
	color: #007f75;
}

.tc-ops-nav .tc-ops-logout {
	background: #06243b;
	color: #fff;
}