/* DowGold Support Centre — private review build. Scoped to the support app. */
.dg-support-app,
.dg-support-admin {
	--dgsc-bg: #050505;
	--dgsc-panel: #0d0d0d;
	--dgsc-panel-soft: #12120f;
	--dgsc-line: rgba(255, 255, 255, 0.1);
	--dgsc-line-gold: rgba(251, 191, 36, 0.32);
	--dgsc-gold: #fbbf24;
	--dgsc-gold-deep: #d97706;
	--dgsc-green: #86dc8b;
	--dgsc-white: #fff;
	--dgsc-muted: rgba(255, 255, 255, 0.67);
	--dgsc-dim: rgba(255, 255, 255, 0.46);
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--dgsc-white);
}

.dg-support-app {
	display: block;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 8px 0 64px;
	border-radius: 22px;
	background: var(--dgsc-bg);
	box-sizing: border-box;
}

.dg-support-app *,
.dg-support-app *::before,
.dg-support-app *::after,
.dg-support-admin *,
.dg-support-admin *::before,
.dg-support-admin *::after {
	box-sizing: border-box;
}

.dg-support-app h1,
.dg-support-app h2,
.dg-support-app h3,
.dg-support-app p,
.dg-support-app ul,
.dg-support-app ol,
.dg-support-app dl,
.dg-support-app dd,
.dg-support-app figure {
	margin: 0;
}

.dg-support-app a {
	color: inherit;
	text-decoration: none;
}

.dg-support-app a:focus-visible,
.dg-support-app button:focus-visible,
.dg-support-app input:focus-visible,
.dg-support-app select:focus-visible,
.dg-support-app textarea:focus-visible,
.dg-support-admin a:focus-visible,
.dg-support-admin button:focus-visible,
.dg-support-admin input:focus-visible,
.dg-support-admin select:focus-visible,
.dg-support-admin textarea:focus-visible {
	outline: 2px solid var(--dgsc-gold) !important;
	outline-offset: 3px;
}

.dg-support-review-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin: 0 0 18px;
	padding: 12px 16px;
	border: 1px solid rgba(251, 191, 36, 0.36);
	border-radius: 12px;
	background: linear-gradient(100deg, rgba(251, 191, 36, 0.12), rgba(217, 119, 6, 0.04));
	font-size: 12px;
}

.dg-support-review-bar span,
.dg-support-review-bar strong {
	display: flex;
	align-items: center;
	gap: 8px;
}

.dg-support-review-bar span {
	color: var(--dgsc-gold);
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.dg-support-review-bar span i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--dgsc-gold);
	box-shadow: 0 0 14px rgba(251, 191, 36, 0.7);
}

.dg-support-review-bar strong {
	color: rgba(255, 255, 255, 0.72);
	font-weight: 600;
}

.dg-support-tabs {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 18px;
	padding: 5px;
	width: max-content;
	max-width: 100%;
	border: 1px solid var(--dgsc-line);
	border-radius: 11px;
	background: rgba(255, 255, 255, 0.025);
}

.dg-support-tabs a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 0 16px;
	border-radius: 7px;
	color: var(--dgsc-muted);
	font-size: 13px;
	font-weight: 700;
}

.dg-support-tabs a:hover,
.dg-support-tabs a.is-active {
	background: rgba(251, 191, 36, 0.11);
	color: var(--dgsc-gold);
}

.dg-support-hero,
.dg-support-ticket-hero,
.dg-support-guide__hero,
.dg-support-ticket-detail__head {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 28px;
	overflow: hidden;
	padding: 34px;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 22px;
	background:
		radial-gradient(circle at 92% 10%, rgba(251, 191, 36, 0.13), transparent 33%),
		linear-gradient(135deg, #0b0b09, #11100b 58%, #090b09);
}

.dg-support-hero::after,
.dg-support-ticket-hero::after,
.dg-support-guide__hero::after {
	position: absolute;
	top: -135px;
	right: -65px;
	width: 310px;
	height: 310px;
	border: 1px solid rgba(251, 191, 36, 0.08);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.dg-support-hero__copy,
.dg-support-ticket-hero > div,
.dg-support-guide__hero > div {
	position: relative;
	z-index: 1;
	max-width: 720px;
}

.dg-support-eyebrow,
.dg-support-section__head p,
.dg-support-panel > header p,
.dg-support-form-section > header p,
.dg-support-ticket-detail__head > div > p,
.dg-support-guide__aside > p {
	margin: 0 0 9px !important;
	color: var(--dgsc-gold) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.1em !important;
	line-height: 1.3 !important;
	text-transform: uppercase !important;
}

.dg-support-hero h1,
.dg-support-ticket-hero h1,
.dg-support-guide__hero h1,
.dg-support-ticket-detail__head h1 {
	margin: 0 !important;
	color: #fff !important;
	font-size: clamp(30px, 3vw, 46px) !important;
	font-weight: 800 !important;
	letter-spacing: -0.04em !important;
	line-height: 1.08 !important;
}

.dg-support-hero__copy > p:last-child,
.dg-support-ticket-hero > div > p:last-child,
.dg-support-guide__hero > div > p:last-child {
	max-width: 670px;
	margin-top: 15px;
	color: var(--dgsc-muted);
	font-size: 15px;
	line-height: 1.75;
}

.dg-support-verification {
	position: relative;
	z-index: 1;
	display: flex;
	flex: 0 0 260px;
	flex-direction: column;
	gap: 7px;
	padding: 18px;
	border: 1px solid var(--dgsc-line);
	border-radius: 14px;
	background: rgba(0, 0, 0, 0.32);
}

.dg-support-verification > span,
.dg-support-verification-card > span {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--dgsc-muted);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.dg-support-verification > span i,
.dg-support-verification-card > span i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--dgsc-gold);
}

.dg-support-verification.is-verified > span,
.dg-support-verification-card.is-verified > span {
	color: var(--dgsc-green);
}

.dg-support-verification.is-verified > span i,
.dg-support-verification-card.is-verified > span i {
	background: var(--dgsc-green);
	box-shadow: 0 0 13px rgba(134, 220, 139, 0.52);
}

.dg-support-verification strong,
.dg-support-verification-card strong {
	color: #fff;
	font-size: 13px;
	line-height: 1.45;
}

.dg-support-quick-actions {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin: 14px 0 30px;
}

.dg-support-quick-actions a {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr) auto;
	align-items: center;
	gap: 11px;
	min-height: 66px;
	padding: 13px 15px;
	border: 1px solid var(--dgsc-line);
	border-radius: 13px;
	background: var(--dgsc-panel);
	transition: border-color 160ms ease, transform 160ms ease;
}

.dg-support-quick-actions a:hover {
	transform: translateY(-2px);
	border-color: var(--dgsc-line-gold);
}

.dg-support-quick-actions a > span {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 50%;
	color: var(--dgsc-gold);
	font-size: 10px;
	font-weight: 800;
}

.dg-support-quick-actions a strong {
	font-size: 12px;
	font-weight: 750;
}

.dg-support-quick-actions a i {
	color: var(--dgsc-gold);
	font-style: normal;
}

.dg-support-quick-actions a.is-gold {
	border-color: rgba(251, 191, 36, 0.52);
	background: linear-gradient(115deg, rgba(251, 191, 36, 0.18), rgba(217, 119, 6, 0.07));
}

.dg-support-search {
	margin: 0 0 34px;
}

.dg-support-search > label {
	display: block;
	margin: 0 0 9px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}

.dg-support-search > div {
	position: relative;
}

.dg-support-search svg {
	position: absolute;
	top: 50%;
	left: 17px;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
	fill: none;
	stroke: var(--dgsc-gold);
	stroke-width: 1.7;
}

.dg-support-search input,
.dg-support-ticket-form input,
.dg-support-ticket-form select,
.dg-support-ticket-form textarea,
.dg-support-reply-form textarea,
.dg-support-admin textarea,
.dg-support-admin select {
	width: 100%;
	border: 1px solid var(--dgsc-line) !important;
	border-radius: 10px !important;
	background: #090909 !important;
	box-shadow: none !important;
	color: #fff !important;
	font: 500 14px/1.5 "Poppins", sans-serif !important;
}

.dg-support-search input {
	height: 54px;
	padding: 0 18px 0 50px !important;
}

.dg-support-search input::placeholder,
.dg-support-ticket-form input::placeholder,
.dg-support-ticket-form textarea::placeholder {
	color: rgba(255, 255, 255, 0.38);
}

.dg-support-search > p {
	margin: 9px 0 0;
	color: var(--dgsc-muted);
	font-size: 12px;
}

.dg-support-section,
.dg-support-panel,
.dg-support-ticket-list,
.dg-support-ticket-form,
.dg-support-conversation,
.dg-support-ticket-meta {
	border: 1px solid var(--dgsc-line);
	border-radius: 18px;
	background: var(--dgsc-panel);
}

.dg-support-section {
	padding: 26px;
}

.dg-support-section__head,
.dg-support-panel > header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin: 0 0 20px;
}

.dg-support-section__head h2,
.dg-support-panel > header h2,
.dg-support-form-section > header h2,
.dg-support-guide__before h2,
.dg-support-guide__steps h2,
.dg-support-guide__result h2,
.dg-support-guide__aside h2,
.dg-support-ticket-meta h2 {
	margin: 0 !important;
	color: #fff !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	letter-spacing: -0.025em !important;
	line-height: 1.25 !important;
}

.dg-support-section__head > span,
.dg-support-panel > header > a,
.dg-support-panel > header > span {
	color: var(--dgsc-gold);
	font-size: 11px;
	font-weight: 750;
}

.dg-support-category-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.dg-support-category {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	align-items: start;
	gap: 12px;
	min-height: 132px;
	padding: 17px;
	border: 1px solid var(--dgsc-line);
	border-radius: 13px;
	background: rgba(255, 255, 255, 0.018);
}

a.dg-support-category {
	cursor: pointer;
	transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

a.dg-support-category:hover {
	border-color: var(--dgsc-line-gold);
	background: rgba(251, 191, 36, 0.045);
	transform: translateY(-2px);
}

.dg-support-category--pending {
	background: rgba(255, 255, 255, 0.01);
}

.dg-support-category.is-filtered {
	display: none;
}

.dg-support-category > span {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 9px;
	color: var(--dgsc-gold);
	font-size: 10px;
	font-weight: 800;
}

.dg-support-category h3 {
	margin: 2px 0 7px !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 750 !important;
	line-height: 1.35 !important;
}

.dg-support-category small {
	display: block;
	margin-top: 10px;
	color: var(--dgsc-gold);
	font-size: 9px;
	font-weight: 750;
	letter-spacing: 0.04em;
	line-height: 1.45;
	text-transform: uppercase;
}

.dg-support-category--pending small,
.dg-support-category--pending > i {
	color: var(--dgsc-dim);
}

.dg-support-category--pending > i {
	font-size: 9px;
	font-weight: 750;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.dg-support-category p,
.dg-support-empty p,
.dg-support-guide__aside p,
.dg-support-closed-note p,
.dg-support-ticket-meta > p {
	color: var(--dgsc-muted);
	font-size: 11px;
	line-height: 1.65;
}

.dg-support-category > i {
	color: var(--dgsc-dim);
	font-style: normal;
}

.dg-support-two-column {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
	gap: 14px;
	margin: 14px 0 0;
}

.dg-support-panel {
	padding: 24px;
}

.dg-support-guide-list,
.dg-support-recent-list {
	display: grid;
	gap: 7px;
	padding: 0;
	list-style: none;
}

.dg-support-guide-list > li.is-filtered {
	display: none;
}

.dg-support-guide-list a,
.dg-support-recent-list a {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 2px 16px;
	padding: 13px 14px;
	border: 1px solid var(--dgsc-line);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.018);
}

.dg-support-guide-list a > span,
.dg-support-recent-list a > span {
	color: var(--dgsc-gold);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.dg-support-guide-list a strong,
.dg-support-recent-list a strong {
	grid-column: 1;
	min-width: 0;
	font-size: 12px;
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.dg-support-guide-list a i,
.dg-support-recent-list a em {
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: center;
	color: var(--dgsc-muted);
	font-size: 10px;
	font-style: normal;
}

.dg-support-empty {
	display: flex;
	min-height: 210px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 24px;
	text-align: center;
}

.dg-support-empty > span {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	margin-bottom: 14px;
	border: 1px solid rgba(134, 220, 139, 0.38);
	border-radius: 50%;
	color: var(--dgsc-green);
}

.dg-support-empty strong {
	margin-bottom: 8px;
	font-size: 13px;
}

.dg-support-safety,
.dg-support-upload-note,
.dg-support-closed-note {
	display: flex;
	align-items: flex-start;
	gap: 13px;
	margin-top: 14px;
	padding: 16px 18px;
	border: 1px solid rgba(251, 191, 36, 0.24);
	border-radius: 12px;
	background: rgba(251, 191, 36, 0.055);
}

.dg-support-safety > span,
.dg-support-upload-note > span,
.dg-support-closed-note > span {
	display: grid;
	place-items: center;
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 50%;
	color: var(--dgsc-gold);
	font-weight: 800;
}

.dg-support-safety strong,
.dg-support-upload-note strong,
.dg-support-closed-note strong {
	display: block;
	margin-bottom: 4px;
	font-size: 12px;
}

.dg-support-safety p,
.dg-support-upload-note p {
	color: var(--dgsc-muted);
	font-size: 11px;
	line-height: 1.6;
}

.dg-support-primary-button,
.dg-support-outline-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 20px !important;
	border-radius: 10px !important;
	font: 800 12px/1 "Poppins", sans-serif !important;
	cursor: pointer;
}

.dg-support-primary-button {
	border: 1px solid #f7d45c !important;
	background: linear-gradient(110deg, #fff39b 0%, #f3ca49 52%, #e7a928 100%) !important;
	box-shadow: inset 0 -2px 0 rgba(88, 53, 2, 0.2) !important;
	color: #050505 !important;
}

.dg-support-outline-button {
	border: 1px solid var(--dgsc-line-gold) !important;
	background: rgba(251, 191, 36, 0.055) !important;
	color: var(--dgsc-gold) !important;
}

.dg-support-ticket-form {
	margin-top: 14px;
	padding: 26px;
}

.dg-support-form-section + .dg-support-form-section {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid var(--dgsc-line);
}

.dg-support-form-section > header {
	display: flex;
	align-items: flex-start;
	gap: 13px;
	margin-bottom: 19px;
}

.dg-support-form-section > header > span {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 9px;
	color: var(--dgsc-gold);
	font-size: 10px;
	font-weight: 800;
}

.dg-support-verification-row,
.dg-support-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.dg-support-ticket-form label,
.dg-support-admin label {
	display: flex;
	flex-direction: column;
	gap: 7px;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
}

.dg-support-ticket-form label.is-wide {
	grid-column: 1 / -1;
}

.dg-support-ticket-form input,
.dg-support-ticket-form select {
	height: 46px;
	padding: 0 13px !important;
}

.dg-support-ticket-form textarea,
.dg-support-reply-form textarea,
.dg-support-admin textarea {
	min-height: 94px;
	padding: 12px 13px !important;
	resize: vertical;
}

.dg-support-ticket-form input[readonly] {
	color: rgba(255, 255, 255, 0.58) !important;
	cursor: not-allowed;
}

.dg-support-ticket-form label small,
.dg-support-verification-card small {
	color: var(--dgsc-dim);
	font-size: 10px;
	font-weight: 500;
	line-height: 1.55;
}

.dg-support-verification-card {
	display: flex;
	min-height: 101px;
	flex-direction: column;
	justify-content: center;
	gap: 7px;
	padding: 14px 16px;
	border: 1px solid rgba(134, 220, 139, 0.22);
	border-radius: 11px;
	background: rgba(134, 220, 139, 0.055);
}

.dg-support-verification-request {
	display: grid;
	gap: 17px;
}

.dg-support-verification-request > .dg-support-primary-button {
	width: max-content;
}

.dg-support-verification-explainer {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	padding: 13px 15px;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 10px;
	background: rgba(251, 191, 36, 0.045);
}

.dg-support-verification-explainer > span {
	display: grid;
	place-items: center;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 50%;
	color: var(--dgsc-gold);
	font-size: 11px;
	font-weight: 800;
}

.dg-support-verification-explainer p {
	color: var(--dgsc-muted);
	font-size: 10px;
	line-height: 1.65;
}

.dg-support-confirm-hero {
	min-height: 210px;
}

.dg-support-confirm-form {
	display: grid;
	justify-items: center;
	max-width: 720px;
	margin-inline: auto;
	text-align: center;
}

.dg-support-confirm-form > h2 {
	margin-top: 15px !important;
	font-size: 24px !important;
}

.dg-support-confirm-form > p {
	max-width: 560px;
	margin-top: 10px;
	color: var(--dgsc-muted);
	font-size: 12px;
	line-height: 1.7;
}

.dg-support-confirm-form .dg-support-verification-explainer {
	margin-top: 17px;
	text-align: left;
}

.dg-support-confirm-mark {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border: 1px solid rgba(134, 220, 139, 0.42);
	border-radius: 50%;
	background: rgba(134, 220, 139, 0.07);
	color: var(--dgsc-green);
	font-size: 24px;
	font-weight: 800;
}

.dg-support-confirm-mark.is-error {
	border-color: var(--dgsc-line-gold);
	background: rgba(251, 191, 36, 0.055);
	color: var(--dgsc-gold);
}

.dg-support-confirm-status {
	min-height: 22px;
	color: var(--dgsc-dim) !important;
}

.dg-support-confirm-status.is-ready {
	color: var(--dgsc-green) !important;
}

.dg-support-confirm-status.is-error,
.dg-support-confirm-error {
	color: #f2a3a3 !important;
}

.dg-support-confirm-form > .dg-support-primary-button {
	margin-top: 13px;
}

.dg-support-primary-button:disabled {
	opacity: 0.48;
	cursor: not-allowed;
}

.dg-support-form-stack {
	display: grid;
	gap: 14px;
}

.dg-support-form-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-top: 22px;
}

.dg-support-form-actions p {
	max-width: 480px;
	color: var(--dgsc-dim);
	font-size: 10px;
	line-height: 1.55;
	text-align: right;
}

.dg-support-ticket-summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 14px 0;
}

.dg-support-ticket-summary article {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 17px 19px;
	border: 1px solid var(--dgsc-line);
	border-radius: 12px;
	background: var(--dgsc-panel);
}

.dg-support-ticket-summary span {
	color: var(--dgsc-muted);
	font-size: 11px;
}

.dg-support-ticket-summary strong {
	color: var(--dgsc-gold);
	font-size: 25px;
}

.dg-support-ticket-list {
	overflow: hidden;
}

.dg-support-ticket-list__head,
.dg-support-ticket-list > article {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 170px 150px 72px;
	align-items: center;
	gap: 16px;
}

.dg-support-ticket-list__head {
	padding: 12px 18px;
	border-bottom: 1px solid var(--dgsc-line);
	color: var(--dgsc-dim);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.dg-support-ticket-list > article {
	padding: 16px 18px;
	border-bottom: 1px solid var(--dgsc-line);
}

.dg-support-ticket-list > article:last-child {
	border-bottom: 0;
}

.dg-support-ticket-list > article > div {
	display: grid;
	min-width: 0;
	gap: 3px;
}

.dg-support-ticket-list > article > div span,
.dg-support-ticket-list > article > div small {
	color: var(--dgsc-dim);
	font-size: 9px;
}

.dg-support-ticket-list > article > div strong {
	font-size: 12px;
	overflow-wrap: anywhere;
}

.dg-support-ticket-list time {
	color: var(--dgsc-muted);
	font-size: 10px;
}

.dg-support-ticket-list > article > a {
	color: var(--dgsc-gold);
	font-size: 10px;
	font-weight: 800;
}

.dg-support-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	max-width: 100%;
	min-height: 27px;
	padding: 0 10px;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 999px;
	background: rgba(251, 191, 36, 0.07);
	color: var(--dgsc-gold);
	font-size: 9px;
	font-weight: 800;
	white-space: nowrap;
}

.dg-support-status--awaiting_customer,
.dg-support-status--fix_prepared {
	border-color: rgba(134, 220, 139, 0.3);
	background: rgba(134, 220, 139, 0.07);
	color: var(--dgsc-green);
}

.dg-support-status--resolved,
.dg-support-status--closed {
	border-color: var(--dgsc-line);
	background: rgba(255, 255, 255, 0.025);
	color: var(--dgsc-muted);
}

.dg-support-breadcrumb {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 13px !important;
	color: var(--dgsc-dim);
	font-size: 10px;
}

.dg-support-breadcrumb a {
	color: var(--dgsc-gold);
}

.dg-support-guide__hero {
	align-items: center;
}

.dg-support-guide__hero dl {
	position: relative;
	z-index: 1;
	display: grid;
	flex: 0 0 245px;
	gap: 9px;
}

.dg-support-guide__hero dl > div,
.dg-support-ticket-meta dl > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding-bottom: 9px;
	border-bottom: 1px solid var(--dgsc-line);
}

.dg-support-guide__hero dt,
.dg-support-ticket-meta dt {
	color: var(--dgsc-dim);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.dg-support-guide__hero dd,
.dg-support-ticket-meta dd {
	min-width: 0;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	overflow-wrap: anywhere;
	text-align: right;
}

.dg-support-guide__layout,
.dg-support-ticket-detail__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 14px;
	margin-top: 14px;
}

.dg-support-guide__layout > .dg-support-guide__content,
.dg-support-guide__aside,
.dg-support-conversation,
.dg-support-ticket-meta {
	padding: 25px;
}

.dg-support-guide__layout > .dg-support-guide__content {
	border: 1px solid var(--dgsc-line);
	border-radius: 18px;
	background: var(--dgsc-panel);
}

.dg-support-guide__preview-note {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	align-items: start;
	gap: 12px;
	margin-bottom: 12px;
	padding: 14px;
	border: 1px solid rgba(251, 191, 36, 0.22);
	border-radius: 11px;
	background: rgba(251, 191, 36, 0.035);
}

.dg-support-guide__preview-note > span {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 50%;
	color: var(--dgsc-gold);
	font-weight: 800;
}

.dg-support-guide__preview-note p {
	padding-top: 4px;
	color: var(--dgsc-muted);
	font-size: 11px;
	line-height: 1.65;
}

.dg-support-guide__before {
	padding: 17px;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 12px;
	background: rgba(251, 191, 36, 0.05);
}

.dg-support-guide__before p,
.dg-support-guide__result p {
	margin-top: 8px;
	color: var(--dgsc-muted);
	font-size: 12px;
	line-height: 1.7;
}

.dg-support-guide__steps {
	padding: 26px 0;
}

.dg-support-guide__steps ol {
	display: grid;
	gap: 10px;
	margin-top: 17px;
	padding: 0;
	list-style: none;
}

.dg-support-guide__steps li {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: start;
	gap: 13px;
	padding: 14px;
	border: 1px solid var(--dgsc-line);
	border-radius: 10px;
}

.dg-support-guide__steps li > span {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 50%;
	color: var(--dgsc-gold);
	font-size: 11px;
	font-weight: 800;
}

.dg-support-guide__steps li p {
	padding-top: 6px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 12px;
	line-height: 1.7;
}

.dg-support-guide__result {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 13px;
	padding-top: 21px;
	border-top: 1px solid var(--dgsc-line);
}

.dg-support-guide__result > span {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(134, 220, 139, 0.32);
	border-radius: 50%;
	color: var(--dgsc-green);
}

.dg-support-guide__aside {
	align-self: start;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 18px;
	background: linear-gradient(145deg, #121109, #0a0b09);
}

.dg-support-guide__aside p {
	margin: 13px 0;
}

.dg-support-guide__aside a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin-top: 19px;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 9px;
	color: var(--dgsc-gold);
	font-size: 11px;
	font-weight: 800;
}

.dg-support-guide__aside small {
	display: block;
	margin-top: 10px;
	color: var(--dgsc-dim);
	font-size: 9px;
	line-height: 1.5;
	text-align: center;
}

.dg-support-guide__related {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid var(--dgsc-line);
}

.dg-support-guide__related h3 {
	margin: 0 0 8px !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.dg-support-guide__related ul {
	display: grid;
	gap: 2px;
	padding: 0;
	list-style: none;
}

.dg-support-guide__aside .dg-support-guide__related a {
	display: flex;
	min-height: 0;
	justify-content: space-between;
	gap: 10px;
	margin: 0;
	padding: 8px 0;
	border: 0;
	border-radius: 0;
	color: var(--dgsc-muted);
	font-size: 10px;
	font-weight: 650;
	line-height: 1.45;
	text-align: left;
}

.dg-support-guide__aside .dg-support-guide__related a:hover {
	color: var(--dgsc-gold);
}

.dg-support-ticket-detail__head {
	align-items: center;
}

.dg-support-ticket-detail__head > div,
.dg-support-message,
.dg-support-message header > div {
	min-width: 0;
}

.dg-support-ticket-detail__head h1,
.dg-support-message > p,
.dg-support-evidence dd {
	overflow-wrap: anywhere;
}

.dg-support-ticket-detail__head > div > span {
	display: block;
	margin-top: 10px;
	color: var(--dgsc-muted);
	font-size: 11px;
}

.dg-support-conversation {
	display: grid;
	gap: 12px;
}

.dg-support-message {
	padding: 17px;
	border: 1px solid var(--dgsc-line);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.018);
}

.dg-support-message--staff {
	border-color: rgba(134, 220, 139, 0.24);
	background: rgba(134, 220, 139, 0.04);
}

.dg-support-message header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 12px;
}

.dg-support-message header > div {
	display: grid;
	gap: 2px;
}

.dg-support-message header span,
.dg-support-message time {
	color: var(--dgsc-dim);
	font-size: 9px;
	font-weight: 700;
}

.dg-support-message header strong {
	font-size: 11px;
}

.dg-support-message > p {
	color: rgba(255, 255, 255, 0.78);
	font-size: 12px;
	line-height: 1.75;
}

.dg-support-evidence {
	display: grid;
	gap: 10px;
	margin-top: 16px !important;
	padding-top: 16px;
	border-top: 1px solid var(--dgsc-line);
}

.dg-support-evidence > div {
	display: grid;
	gap: 5px;
}

.dg-support-evidence dt {
	color: var(--dgsc-gold);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.dg-support-evidence dd {
	color: rgba(255, 255, 255, 0.75);
	font-size: 11px;
	line-height: 1.7;
}

.dg-support-reply-form {
	display: grid;
	gap: 10px;
	margin-top: 8px;
	padding-top: 20px;
	border-top: 1px solid var(--dgsc-line);
}

.dg-support-reply-form label {
	font-size: 11px;
	font-weight: 700;
}

.dg-support-reply-form button {
	width: max-content;
}

.dg-support-ticket-meta {
	align-self: start;
}

.dg-support-ticket-meta dl {
	display: grid;
	gap: 9px;
	margin-top: 18px;
}

.dg-support-ticket-meta > p {
	margin-top: 18px;
	padding-top: 15px;
	border-top: 1px solid var(--dgsc-line);
}

/* WordPress admin queue. */
.dg-support-admin__hero,
.dg-support-admin__ticket-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin: 20px 0;
	padding: 22px;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 14px;
	background: #10100c;
}

.dg-support-admin__hero p,
.dg-support-admin__ticket-head p {
	margin: 0 0 5px;
	color: var(--dgsc-gold);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.dg-support-admin__hero h1,
.dg-support-admin__ticket-head h1 {
	margin: 0;
	color: #fff;
	overflow-wrap: anywhere;
}

.dg-support-admin__ticket-head > div {
	min-width: 0;
}

.dg-support-admin__hero span {
	color: var(--dgsc-muted);
}

.dg-support-chip--review {
	padding: 7px 11px;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 999px;
	color: var(--dgsc-gold) !important;
	font-size: 10px;
	font-weight: 800;
}

.dg-support-admin__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 15px;
}

.dg-support-admin__filters a {
	padding: 7px 10px;
	border: 1px solid #c3c4c7;
	border-radius: 6px;
	background: #fff;
}

.dg-support-admin__filters a.is-active {
	border-color: #996c03;
	background: #fff8dd;
	color: #5c4000;
}

.dg-support-admin__table-wrap {
	overflow-x: auto;
}

.dg-support-admin .dg-support-status {
	border-color: #d6ad35;
	background: #fff8dd;
	color: #5c4000;
}

.dg-support-admin .dg-support-status--awaiting_customer,
.dg-support-admin .dg-support-status--fix_prepared {
	border-color: #9bc99f;
	background: #edf8ed;
	color: #1d5c26;
}

.dg-support-admin .dg-support-status--resolved,
.dg-support-admin .dg-support-status--closed {
	border-color: #c3c4c7;
	background: #f1f1f1;
	color: #50575e;
}

.dg-support-admin__detail {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 16px;
}

.dg-support-admin__detail > main,
.dg-support-admin__detail > aside {
	padding: 20px;
	border: 1px solid #c3c4c7;
	border-radius: 10px;
	background: #fff;
	color: #1d2327;
}

.dg-support-admin__detail label {
	color: #1d2327;
}

.dg-support-admin__message {
	margin-bottom: 12px;
	padding: 15px;
	border: 1px solid #dcdcde;
	border-radius: 8px;
	background: #f8f8f8;
	color: #1d2327;
}

.dg-support-admin__message time {
	color: #646970;
}

.dg-support-admin__message p {
	color: #2c3338;
	overflow-wrap: anywhere;
}

.dg-support-admin__message--staff {
	border-color: #b8ddb8;
	background: #f1fbf1;
}

.dg-support-admin__message header {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.dg-support-admin__reply {
	display: grid;
	gap: 9px;
	margin-top: 18px;
}

.dg-support-admin__detail aside dl {
	display: grid;
	gap: 8px;
}

.dg-support-admin__detail aside dl > div {
	display: grid;
	grid-template-columns: 90px minmax(0, 1fr);
	gap: 9px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
}

.dg-support-admin__detail aside dt {
	font-weight: 700;
}

.dg-support-admin__detail aside dd {
	margin: 0;
	word-break: break-word;
}

.dg-support-admin__detail aside form {
	display: grid;
	gap: 8px;
	margin-top: 20px;
}

@media (max-width: 920px) {
	.dg-support-hero,
	.dg-support-ticket-hero,
	.dg-support-guide__hero,
	.dg-support-ticket-detail__head {
		align-items: flex-start;
		flex-direction: column;
	}

	.dg-support-verification,
	.dg-support-guide__hero dl {
		width: 100%;
		flex-basis: auto;
	}

	.dg-support-quick-actions,
	.dg-support-category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dg-support-two-column,
	.dg-support-guide__layout,
	.dg-support-ticket-detail__layout,
	.dg-support-admin__detail {
		grid-template-columns: minmax(0, 1fr);
	}

	.dg-support-guide__aside,
	.dg-support-ticket-meta {
		width: 100%;
	}

	.dg-support-ticket-list__head,
	.dg-support-ticket-list > article {
		grid-template-columns: minmax(0, 1fr) 155px 120px 60px;
	}
}

@media (max-width: 760px) {
	.dg-support-app {
		padding: 6px 14px 48px;
	}

	.dg-support-review-bar,
	.dg-support-section__head,
	.dg-support-panel > header,
	.dg-support-form-actions {
		align-items: flex-start;
		flex-direction: column;
	}

	.dg-support-tabs {
		width: 100%;
	}

	.dg-support-tabs a {
		flex: 1 1 0;
	}

	.dg-support-hero,
	.dg-support-ticket-hero,
	.dg-support-guide__hero,
	.dg-support-ticket-detail__head,
	.dg-support-section,
	.dg-support-panel,
	.dg-support-ticket-form,
	.dg-support-conversation,
	.dg-support-ticket-meta,
	.dg-support-guide__layout > .dg-support-guide__content,
	.dg-support-guide__aside {
		padding: 22px;
		border-radius: 15px;
	}

	.dg-support-hero h1,
	.dg-support-ticket-hero h1,
	.dg-support-guide__hero h1,
	.dg-support-ticket-detail__head h1 {
		font-size: clamp(28px, 8.2vw, 36px) !important;
	}

	.dg-support-quick-actions,
	.dg-support-category-grid,
	.dg-support-verification-row,
	.dg-support-form-grid,
	.dg-support-ticket-summary {
		grid-template-columns: minmax(0, 1fr);
	}

	.dg-support-quick-actions a {
		min-height: 58px;
	}

	.dg-support-ticket-form label.is-wide {
		grid-column: auto;
	}

	.dg-support-primary-button,
	.dg-support-outline-button,
	.dg-support-form-actions .dg-support-primary-button,
	.dg-support-verification-request > .dg-support-primary-button {
		width: 100%;
		min-height: 48px;
	}

	.dg-support-form-actions p {
		text-align: left;
	}

	.dg-support-ticket-list__head {
		display: none;
	}

	.dg-support-ticket-list {
		padding: 10px;
	}

	.dg-support-ticket-list > article {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 12px;
		margin-bottom: 8px;
		padding: 15px;
		border: 1px solid var(--dgsc-line);
		border-radius: 11px;
	}

	.dg-support-ticket-list > article > div {
		grid-column: 1 / -1;
	}

	.dg-support-ticket-list > article > time {
		grid-column: 1;
	}

	.dg-support-ticket-list > article > a {
		grid-column: 2;
		grid-row: 2;
	}

	.dg-support-message header {
		align-items: flex-start;
		flex-direction: column;
	}

	.dg-support-admin__ticket-head {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 430px) {
	.dg-support-app {
		padding-inline: 10px;
	}

	.dg-support-hero,
	.dg-support-ticket-hero,
	.dg-support-guide__hero,
	.dg-support-ticket-detail__head,
	.dg-support-section,
	.dg-support-panel,
	.dg-support-ticket-form,
	.dg-support-conversation,
	.dg-support-ticket-meta,
	.dg-support-guide__layout > .dg-support-guide__content,
	.dg-support-guide__aside {
		padding: 18px;
	}

	.dg-support-quick-actions,
	.dg-support-category-grid {
		gap: 8px;
	}

	.dg-support-category {
		grid-template-columns: 30px minmax(0, 1fr);
		gap: 10px;
		padding: 14px;
	}

	.dg-support-category > span {
		width: 30px;
		height: 30px;
	}

	.dg-support-category > i {
		display: none;
	}

	.dg-support-ticket-summary article {
		padding: 14px 16px;
	}

	.dg-support-guide__steps li {
		grid-template-columns: 30px minmax(0, 1fr);
		padding: 12px;
	}

	.dg-support-guide__steps li > span {
		width: 30px;
		height: 30px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dg-support-app *,
	.dg-support-app *::before,
	.dg-support-app *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

.dg-support-dashboard-entry {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	margin: 28px 0;
	padding: 26px 28px;
	border: 1px solid rgba(255, 190, 0, .34);
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(255, 190, 0, .08), rgba(255, 255, 255, .025));
}

.dg-support-pagination {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 14px;
	margin-top: 18px;
}

.dg-support-pagination a {
	color: var(--dgsc-gold, #fbbf24);
	font-weight: 800;
	text-decoration: none;
}

.dg-support-pagination a:last-child {
	text-align: right;
}

.dg-support-pagination strong {
	color: var(--dgsc-muted, #a7a7ad);
	font-size: 13px;
}

.dg-support-dashboard-entry p {
	margin: 0 0 6px;
	color: #ffbf1f;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.dg-support-dashboard-entry h2 {
	margin: 0 0 5px;
	font-size: clamp(24px, 3vw, 34px);
}

.dg-support-dashboard-entry > div > span {
	display: block;
	max-width: 650px;
	color: #c9c9cf;
}

.dg-support-dashboard-entry nav {
	display: grid;
	min-width: 220px;
	gap: 9px;
}

.dg-support-dashboard-entry a {
	display: flex;
	justify-content: space-between;
	gap: 18px;
	padding: 12px 15px;
	border: 1px solid rgba(255, 190, 0, .42);
	border-radius: 10px;
	color: #ffca3a;
	font-weight: 800;
	text-decoration: none;
}

@media (max-width: 720px) {
	.dg-support-dashboard-entry {
		align-items: stretch;
		flex-direction: column;
	}

	.dg-support-dashboard-entry nav {
		min-width: 0;
	}
}

/* Help Centre home: use rules and open space instead of stacked rounded cards. */
.dg-support-app--home {
	border-radius: 0;
}

.dg-support-app--home .dg-support-review-bar {
	padding-inline: 14px;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	background: linear-gradient(90deg, rgba(251, 191, 36, 0.1), transparent 72%);
}

.dg-support-app--home .dg-support-tabs {
	width: 100%;
	gap: 24px;
	padding: 0;
	border: 0;
	border-bottom: 1px solid var(--dgsc-line);
	border-radius: 0;
	background: transparent;
}

.dg-support-app--home .dg-support-tabs a {
	min-height: 44px;
	margin-bottom: -1px;
	padding: 0 0 10px;
	border-bottom: 2px solid transparent;
	border-radius: 0;
}

.dg-support-app--home .dg-support-tabs a:hover,
.dg-support-app--home .dg-support-tabs a.is-active {
	border-bottom-color: var(--dgsc-gold);
	background: transparent;
}

.dg-support-app--home .dg-support-hero {
	border-radius: 10px;
}

.dg-support-app--home .dg-support-verification {
	flex-basis: 240px;
	padding: 3px 0 3px 18px;
	border: 0;
	border-left: 2px solid rgba(134, 220, 139, 0.58);
	border-radius: 0;
	background: transparent;
}

.dg-support-app--home .dg-support-quick-actions {
	gap: 0;
	margin-top: 0;
	border-top: 1px solid var(--dgsc-line);
	border-bottom: 1px solid var(--dgsc-line);
}

.dg-support-app--home .dg-support-quick-actions a {
	min-height: 64px;
	border: 0;
	border-right: 1px solid var(--dgsc-line);
	border-radius: 0;
	background: transparent;
	transition: background-color 160ms ease, color 160ms ease;
}

.dg-support-app--home .dg-support-quick-actions a:last-child {
	border-right: 0;
}

.dg-support-app--home .dg-support-quick-actions a:hover {
	border-color: var(--dgsc-line);
	background: rgba(255, 255, 255, 0.025);
	transform: none;
}

.dg-support-app--home .dg-support-quick-actions a > span {
	display: block;
	width: 30px;
	height: auto;
	border: 0;
	border-radius: 0;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0.02em;
	line-height: 1;
}

.dg-support-app--home .dg-support-quick-actions a.is-gold {
	border-color: var(--dgsc-line);
	background: linear-gradient(180deg, rgba(251, 191, 36, 0.065), rgba(251, 191, 36, 0.015));
	box-shadow: inset 0 -2px 0 rgba(251, 191, 36, 0.72);
}

.dg-support-app--home .dg-support-search input {
	border-radius: 5px !important;
}

.dg-support-app--home .dg-support-section {
	padding: 28px 0 0;
	border: 0;
	border-top: 1px solid var(--dgsc-line);
	border-radius: 0;
	background: transparent;
}

.dg-support-app--home .dg-support-category-grid {
	gap: 0;
	border-top: 1px solid var(--dgsc-line);
	border-left: 1px solid var(--dgsc-line);
}

.dg-support-app--home .dg-support-category {
	border: 0;
	border-right: 1px solid var(--dgsc-line);
	border-bottom: 1px solid var(--dgsc-line);
	border-radius: 0;
	background: transparent;
}

.dg-support-app--home a.dg-support-category:hover {
	border-color: var(--dgsc-line);
	background: rgba(251, 191, 36, 0.035);
	transform: none;
}

.dg-support-app--home .dg-support-category > span {
	border: 0;
	border-bottom: 2px solid var(--dgsc-line-gold);
	border-radius: 0;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0.02em;
	line-height: 1;
}

.dg-support-app--home .dg-support-two-column {
	gap: 0;
	margin-top: 30px;
	border-top: 1px solid var(--dgsc-line);
	border-bottom: 1px solid var(--dgsc-line);
}

.dg-support-app--home .dg-support-panel {
	padding: 26px 28px;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.dg-support-app--home .dg-support-two-column > .dg-support-panel:first-child {
	border-right: 1px solid var(--dgsc-line);
}

.dg-support-app--home .dg-support-guide-list,
.dg-support-app--home .dg-support-recent-list {
	gap: 0;
	border-top: 1px solid var(--dgsc-line);
}

.dg-support-app--home .dg-support-guide-list a,
.dg-support-app--home .dg-support-recent-list a {
	padding-inline: 0;
	border: 0;
	border-bottom: 1px solid var(--dgsc-line);
	border-radius: 0;
	background: transparent;
}

.dg-support-app--home .dg-support-safety {
	margin-top: 30px;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	background: linear-gradient(90deg, rgba(251, 191, 36, 0.05), transparent 74%);
}

@media (max-width: 920px) {
	.dg-support-app--home .dg-support-verification {
		flex-basis: auto;
	}

	.dg-support-app--home .dg-support-quick-actions a:nth-child(-n + 2) {
		border-bottom: 1px solid var(--dgsc-line);
	}

	.dg-support-app--home .dg-support-quick-actions a:nth-child(2) {
		border-right: 0;
	}

	.dg-support-app--home .dg-support-two-column > .dg-support-panel:first-child {
		border-right: 0;
		border-bottom: 1px solid var(--dgsc-line);
	}
}

@media (max-width: 760px) {
	.dg-support-app--home .dg-support-tabs {
		gap: 20px;
	}

	.dg-support-app--home .dg-support-tabs a {
		flex: 0 0 auto;
	}

	.dg-support-app--home .dg-support-verification {
		padding: 3px 0 3px 14px;
	}

	.dg-support-app--home .dg-support-quick-actions {
		border-bottom: 0;
	}

	.dg-support-app--home .dg-support-quick-actions a,
	.dg-support-app--home .dg-support-quick-actions a:last-child {
		border-right: 0;
		border-bottom: 1px solid var(--dgsc-line);
	}

	.dg-support-app--home .dg-support-section {
		padding: 24px 0 0;
	}

	.dg-support-app--home .dg-support-panel {
		padding: 24px 0;
	}
}

/* Guide pages: readable editorial layout with rules instead of nested pills. */
.dg-support-guide {
	border-radius: 0;
	background: transparent;
}

.dg-support-guide .dg-support-review-bar {
	padding-inline: 14px;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	background: linear-gradient(90deg, rgba(251, 191, 36, 0.1), transparent 72%);
}

.dg-support-guide .dg-support-tabs {
	width: 100%;
	gap: 24px;
	padding: 0;
	border: 0;
	border-bottom: 1px solid var(--dgsc-line);
	border-radius: 0;
	background: transparent;
}

.dg-support-guide .dg-support-tabs a {
	min-height: 44px;
	margin-bottom: -1px;
	padding: 0 0 10px;
	border-bottom: 2px solid transparent;
	border-radius: 0;
}

.dg-support-guide .dg-support-tabs a:hover,
.dg-support-guide .dg-support-tabs a.is-active {
	border-bottom-color: var(--dgsc-gold);
	background: transparent;
}

.dg-support-guide .dg-support-breadcrumb {
	margin-bottom: 16px !important;
	font-size: 12px;
	line-height: 1.5;
}

.dg-support-guide .dg-support-guide__hero {
	padding: 32px 34px;
	border-radius: 10px;
}

.dg-support-guide .dg-support-guide__hero .dg-support-eyebrow {
	font-size: 12px !important;
}

.dg-support-guide .dg-support-guide__hero > div > p:last-child {
	font-size: 16px;
	line-height: 1.65;
}

.dg-support-guide .dg-support-guide__hero dl {
	gap: 0;
	border-top: 1px solid var(--dgsc-line);
}

.dg-support-guide .dg-support-guide__hero dl > div {
	padding: 11px 0;
}

.dg-support-guide .dg-support-guide__hero dt {
	font-size: 11px;
}

.dg-support-guide .dg-support-guide__hero dd {
	font-size: 12px;
	line-height: 1.45;
}

.dg-support-guide .dg-support-guide__layout {
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 30px;
	margin-top: 28px;
}

.dg-support-guide .dg-support-guide__layout > .dg-support-guide__content {
	padding: 4px 30px 4px 0;
	border: 0;
	border-right: 1px solid var(--dgsc-line);
	border-radius: 0;
	background: transparent;
}

.dg-support-guide .dg-support-guide__preview-note {
	grid-template-columns: 32px minmax(0, 1fr);
	margin-bottom: 24px;
	padding: 4px 0 4px 16px;
	border: 0;
	border-left: 3px solid var(--dgsc-line-gold);
	border-radius: 0;
	background: transparent;
}

.dg-support-guide .dg-support-guide__preview-note > span {
	width: 28px;
	height: 28px;
	border: 0;
	border-radius: 0;
	font-size: 16px;
}

.dg-support-guide .dg-support-guide__preview-note p {
	padding-top: 2px;
	font-size: 14px;
	line-height: 1.65;
}

.dg-support-guide .dg-support-guide__before {
	padding: 3px 0 3px 18px;
	border: 0;
	border-left: 3px solid var(--dgsc-line-gold);
	border-radius: 0;
	background: transparent;
}

.dg-support-guide .dg-support-guide__before p,
.dg-support-guide .dg-support-guide__result p {
	margin-top: 9px;
	font-size: 14px;
	line-height: 1.7;
}

.dg-support-guide .dg-support-guide__steps {
	padding: 32px 0 0;
}

.dg-support-guide .dg-support-guide__steps ol {
	gap: 0;
	margin-top: 18px;
	border-top: 1px solid var(--dgsc-line);
}

.dg-support-guide .dg-support-guide__steps li {
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	padding: 18px 0;
	border: 0;
	border-bottom: 1px solid var(--dgsc-line);
	border-radius: 0;
}

.dg-support-guide .dg-support-guide__steps li > span {
	display: grid;
	place-items: center;
	width: 34px;
	height: 30px;
	border: 0;
	border-bottom: 2px solid var(--dgsc-line-gold);
	border-radius: 0;
	font-size: 16px;
	font-weight: 900;
	line-height: 1;
}

.dg-support-guide .dg-support-guide__steps li p {
	padding-top: 0;
	color: rgba(255, 255, 255, 0.82);
	font-size: 14px;
	line-height: 1.7;
}

.dg-support-guide .dg-support-guide__result {
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: start;
	gap: 16px;
	padding-top: 24px;
}

.dg-support-guide .dg-support-guide__result > span {
	width: 34px;
	height: 30px;
	border: 0;
	border-bottom: 2px solid rgba(134, 220, 139, 0.5);
	border-radius: 0;
	font-size: 18px;
}

.dg-support-guide .dg-support-guide__aside {
	padding: 4px 0 4px 28px;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.dg-support-guide .dg-support-guide__aside > p:first-child {
	margin: 0 0 10px !important;
	font-size: 12px !important;
}

.dg-support-guide .dg-support-guide__aside > p:nth-of-type(2) {
	margin: 12px 0 0 !important;
	color: var(--dgsc-muted) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
	line-height: 1.65 !important;
	text-transform: none !important;
}

.dg-support-guide .dg-support-guide__aside h2 {
	font-size: 22px !important;
	line-height: 1.2 !important;
}

.dg-support-guide .dg-support-guide__aside > a {
	min-height: 48px;
	margin-top: 20px;
	border-radius: 4px;
	font-size: 13px;
}

.dg-support-guide .dg-support-guide__aside small {
	margin-top: 12px;
	font-size: 11px;
	line-height: 1.6;
}

.dg-support-guide .dg-support-guide__related {
	margin-top: 26px;
	padding-top: 22px;
}

.dg-support-guide .dg-support-guide__related h3 {
	font-size: 12px !important;
	letter-spacing: 0.06em;
}

.dg-support-guide .dg-support-guide__aside .dg-support-guide__related a {
	padding: 10px 0;
	font-size: 13px;
	line-height: 1.5;
}

@media (max-width: 920px) {
	.dg-support-guide .dg-support-guide__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.dg-support-guide .dg-support-guide__layout > .dg-support-guide__content {
		padding: 4px 0 30px;
		border-right: 0;
		border-bottom: 1px solid var(--dgsc-line);
	}

	.dg-support-guide .dg-support-guide__aside {
		padding: 30px 0 4px;
	}
}

@media (max-width: 760px) {
	.dg-support-guide .dg-support-tabs {
		gap: 20px;
	}

	.dg-support-guide .dg-support-tabs a {
		flex: 0 0 auto;
	}

	.dg-support-guide .dg-support-guide__hero {
		padding: 24px 20px;
		border-radius: 8px;
	}

	.dg-support-guide .dg-support-guide__layout > .dg-support-guide__content,
	.dg-support-guide .dg-support-guide__aside {
		border-radius: 0;
	}

	.dg-support-guide .dg-support-guide__before {
		padding-left: 14px;
	}

	.dg-support-guide .dg-support-guide__steps li {
		grid-template-columns: 34px minmax(0, 1fr);
		gap: 12px;
		padding: 16px 0;
	}

	.dg-support-guide .dg-support-guide__steps li > span {
		width: 30px;
		font-size: 15px;
	}
}

/* Customer Support Hub: one restrained hero, then open ruled working surfaces. */
.dg-support-app {
	border-radius: 0;
	background: transparent;
}

.dg-support-app .dg-support-review-bar {
	padding-inline: 14px;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	background: linear-gradient(90deg, rgba(251, 191, 36, 0.1), transparent 72%);
}

.dg-support-app .dg-support-tabs {
	width: 100%;
	gap: 24px;
	padding: 0;
	border: 0;
	border-bottom: 1px solid var(--dgsc-line);
	border-radius: 0;
	background: transparent;
}

.dg-support-app .dg-support-tabs a {
	min-height: 44px;
	margin-bottom: -1px;
	padding: 0 0 10px;
	border-bottom: 2px solid transparent;
	border-radius: 0;
}

.dg-support-app .dg-support-tabs a:hover,
.dg-support-app .dg-support-tabs a.is-active {
	border-bottom-color: var(--dgsc-gold);
	background: transparent;
}

.dg-support-app .dg-support-ticket-hero,
.dg-support-app .dg-support-ticket-detail__head {
	border-radius: 10px;
}

.dg-support-app .dg-support-primary-button,
.dg-support-app .dg-support-outline-button,
.dg-support-dashboard-entry a {
	border-radius: 4px !important;
}

.dg-support-app .dg-support-ticket-form input,
.dg-support-app .dg-support-ticket-form select,
.dg-support-app .dg-support-ticket-form textarea,
.dg-support-app .dg-support-reply-form textarea {
	border-radius: 5px !important;
}

.dg-support-dashboard-entry {
	padding-inline: 0;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	background: transparent;
}

.dg-support-app--tickets .dg-support-ticket-form,
.dg-support-app--verification .dg-support-ticket-form {
	margin-top: 28px;
	padding: 28px 0 0;
	border: 0;
	border-top: 1px solid var(--dgsc-line);
	border-radius: 0;
	background: transparent;
}

.dg-support-app--tickets .dg-support-form-section > header > span {
	width: 34px;
	height: 30px;
	border: 0;
	border-bottom: 2px solid var(--dgsc-line-gold);
	border-radius: 0;
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
}

.dg-support-app--tickets .dg-support-verification-card {
	min-height: 0;
	padding: 4px 0 4px 16px;
	border: 0;
	border-left: 3px solid rgba(134, 220, 139, 0.58);
	border-radius: 0;
	background: transparent;
}

.dg-support-app--tickets .dg-support-verification-explainer,
.dg-support-app--verification .dg-support-verification-explainer,
.dg-support-app--tickets .dg-support-upload-note,
.dg-support-app--ticket-detail .dg-support-closed-note {
	padding: 4px 0 4px 16px;
	border: 0;
	border-left: 3px solid var(--dgsc-line-gold);
	border-radius: 0;
	background: transparent;
}

.dg-support-app--tickets .dg-support-verification-explainer > span,
.dg-support-app--verification .dg-support-verification-explainer > span,
.dg-support-app--tickets .dg-support-upload-note > span,
.dg-support-app--ticket-detail .dg-support-closed-note > span {
	width: 24px;
	height: 24px;
	border: 0;
	border-bottom: 2px solid var(--dgsc-line-gold);
	border-radius: 0;
	font-size: 14px;
}

.dg-support-app--tickets .dg-support-ticket-form label,
.dg-support-app--tickets .dg-support-ticket-summary span {
	font-size: 13px;
}

.dg-support-app--tickets .dg-support-ticket-form label small,
.dg-support-app--tickets .dg-support-verification-card small,
.dg-support-app--tickets .dg-support-verification-explainer p,
.dg-support-app--verification .dg-support-verification-explainer p,
.dg-support-app--tickets .dg-support-upload-note p,
.dg-support-app--tickets .dg-support-form-actions p {
	font-size: 12px;
}

.dg-support-app--tickets .dg-support-ticket-summary {
	gap: 0;
	border-top: 1px solid var(--dgsc-line);
	border-bottom: 1px solid var(--dgsc-line);
}

.dg-support-app--tickets .dg-support-ticket-summary article {
	border: 0;
	border-radius: 0;
	background: transparent;
}

.dg-support-app--tickets .dg-support-ticket-summary article + article {
	border-left: 1px solid var(--dgsc-line);
}

.dg-support-app--tickets .dg-support-ticket-list {
	padding: 0;
	border: 0;
	border-top: 1px solid var(--dgsc-line);
	border-bottom: 1px solid var(--dgsc-line);
	border-radius: 0;
	background: transparent;
}

.dg-support-app--tickets .dg-support-ticket-list > article {
	margin: 0;
	border: 0;
	border-bottom: 1px solid var(--dgsc-line);
	border-radius: 0;
	background: transparent;
}

.dg-support-app--tickets .dg-support-ticket-list > article > div strong {
	font-size: 14px;
}

.dg-support-app--tickets .dg-support-ticket-list__head {
	font-size: 10px;
}

.dg-support-app--tickets .dg-support-ticket-list > article > div span,
.dg-support-app--tickets .dg-support-ticket-list > article > div small {
	font-size: 11px;
}

.dg-support-app--tickets .dg-support-ticket-list time,
.dg-support-app--tickets .dg-support-ticket-list > article > a {
	font-size: 12px;
}

.dg-support-app--tickets .dg-support-empty--large {
	align-items: flex-start;
	padding-inline: 0;
	text-align: left;
}

.dg-support-app--tickets .dg-support-empty strong {
	font-size: 15px;
}

.dg-support-app--tickets .dg-support-empty p {
	font-size: 13px;
}

.dg-support-app .dg-support-empty > span {
	width: 34px;
	height: 30px;
	border: 0;
	border-bottom: 2px solid rgba(134, 220, 139, 0.5);
	border-radius: 0;
	font-size: 18px;
}

.dg-support-app--tickets .dg-support-ticket-list > article:last-child {
	border-bottom: 0;
}

.dg-support-app .dg-support-status {
	min-height: 0;
	padding: 4px 8px;
	border-radius: 3px;
	font-size: 10px;
}

.dg-support-app--ticket-detail .dg-support-ticket-detail__layout {
	gap: 30px;
	margin-top: 28px;
}

.dg-support-app--ticket-detail .dg-support-conversation {
	gap: 0;
	padding: 4px 30px 4px 0;
	border: 0;
	border-right: 1px solid var(--dgsc-line);
	border-radius: 0;
	background: transparent;
}

.dg-support-app--ticket-detail .dg-support-ticket-meta {
	padding: 4px 0 4px 28px;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.dg-support-app--ticket-detail .dg-support-message {
	padding: 20px 0;
	border: 0;
	border-bottom: 1px solid var(--dgsc-line);
	border-radius: 0;
	background: transparent;
}

.dg-support-app--ticket-detail .dg-support-message:first-child {
	padding-top: 0;
}

.dg-support-app--ticket-detail .dg-support-message--staff {
	padding-left: 16px;
	border-left: 3px solid rgba(134, 220, 139, 0.5);
	background: linear-gradient(90deg, rgba(134, 220, 139, 0.035), transparent 58%);
}

.dg-support-app--ticket-detail .dg-support-message > p {
	font-size: 13px;
}

.dg-support-app--ticket-detail .dg-support-message header span,
.dg-support-app--ticket-detail .dg-support-message time,
.dg-support-app--ticket-detail .dg-support-evidence dt {
	font-size: 10px;
}

.dg-support-app--ticket-detail .dg-support-message header strong,
.dg-support-app--ticket-detail .dg-support-ticket-meta dt {
	font-size: 11px;
}

.dg-support-app--ticket-detail .dg-support-ticket-meta dd {
	font-size: 12px;
}

.dg-support-app--ticket-detail .dg-support-evidence dd,
.dg-support-app--ticket-detail .dg-support-ticket-meta > p,
.dg-support-app--ticket-detail .dg-support-closed-note p {
	font-size: 12px;
}

.dg-support-app--verification .dg-support-confirm-mark {
	width: 40px;
	height: 34px;
	border: 0;
	border-bottom: 2px solid rgba(134, 220, 139, 0.5);
	border-radius: 0;
	background: transparent;
}

.dg-support-app--verification .dg-support-confirm-mark.is-error {
	border-bottom-color: var(--dgsc-line-gold);
	background: transparent;
}

@media (max-width: 920px) {
	.dg-support-app--ticket-detail .dg-support-ticket-detail__layout {
		gap: 0;
	}

	.dg-support-app--ticket-detail .dg-support-conversation {
		padding: 4px 0 30px;
		border-right: 0;
		border-bottom: 1px solid var(--dgsc-line);
	}

	.dg-support-app--ticket-detail .dg-support-ticket-meta {
		padding: 30px 0 4px;
	}
}

@media (max-width: 760px) {
	.dg-support-app .dg-support-tabs {
		gap: 20px;
	}

	.dg-support-app .dg-support-tabs a {
		flex: 0 0 auto;
	}

	.dg-support-app .dg-support-hero,
	.dg-support-app .dg-support-ticket-hero,
	.dg-support-app .dg-support-guide__hero,
	.dg-support-app .dg-support-ticket-detail__head {
		border-radius: 8px;
	}

	.dg-support-app--tickets .dg-support-ticket-form,
	.dg-support-app--verification .dg-support-ticket-form {
		padding: 24px 0 0;
		border-radius: 0;
	}

	.dg-support-app--tickets .dg-support-ticket-summary article + article {
		border-left: 0;
		border-top: 1px solid var(--dgsc-line);
	}

	.dg-support-app--tickets .dg-support-ticket-list {
		padding: 0;
	}

	.dg-support-app--tickets .dg-support-ticket-list > article {
		margin: 0;
		padding: 16px 0;
		border: 0;
		border-bottom: 1px solid var(--dgsc-line);
		border-radius: 0;
	}

	.dg-support-app--ticket-detail .dg-support-conversation,
	.dg-support-app--ticket-detail .dg-support-ticket-meta {
		border-radius: 0;
	}
}

@media (max-width: 430px) {
	.dg-support-app--tickets .dg-support-ticket-form,
	.dg-support-app--verification .dg-support-ticket-form {
		padding-top: 20px;
	}
}

/* Anonymous help access: compact prompt plus a dedicated customer auth page. */
.dg-support-access-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin: -5px 0 18px;
	padding: 9px 0 11px 14px;
	border-bottom: 1px solid var(--dgsc-line);
	border-left: 2px solid var(--dgsc-line-gold);
	color: var(--dgsc-muted);
	font-size: 13px;
	line-height: 1.55;
}

.dg-support-access-bar strong {
	color: #fff;
	font-weight: 750;
}

.dg-support-access-bar > div {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 18px;
}

.dg-support-access-bar a {
	color: var(--dgsc-gold);
	font-weight: 750;
}

.dg-support-access-bar a:hover,
.dg-support-auth-footer a:hover,
.dg-support-app--auth .lost_password a:hover {
	color: #fff;
}

.dg-support-auth-header {
	padding: 30px 0 28px;
	border-bottom: 1px solid var(--dgsc-line);
}

.dg-support-auth-header h1 {
	max-width: 760px;
	margin: 0 !important;
	color: #fff !important;
	font-size: clamp(30px, 3.5vw, 44px) !important;
	font-weight: 800 !important;
	letter-spacing: -0.04em !important;
	line-height: 1.1 !important;
}

.dg-support-auth-header > p:not(.dg-support-eyebrow) {
	max-width: 860px;
	margin: 14px 0 0 !important;
	color: var(--dgsc-muted);
	font-size: 15px;
	line-height: 1.7;
}

.dg-support-auth-header > p + p:not(.dg-support-eyebrow) {
	margin-top: 7px !important;
	color: var(--dgsc-dim);
	font-size: 13px;
}

.dg-support-auth-forms {
	margin-top: 28px;
}

.dg-support-app--auth #customer_login {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: 100% !important;
	margin: 0 !important;
	padding: 0;
	border-top: 1px solid var(--dgsc-line-gold);
	border-bottom: 1px solid var(--dgsc-line);
}

.dg-support-app--auth #customer_login > .u-column1,
.dg-support-app--auth #customer_login > .u-column2 {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 30px 38px 34px 0;
}

.dg-support-app--auth #customer_login > .u-column2 {
	padding-right: 0;
	padding-left: 38px;
	border-left: 1px solid var(--dgsc-line);
}

.dg-support-app--auth #customer_login h2 {
	margin: 0 0 8px !important;
	color: #fff !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	letter-spacing: -0.025em !important;
	line-height: 1.2 !important;
}

.dg-support-app--auth .dg-support-auth-form-intro {
	min-height: 42px;
	margin: 0 0 20px !important;
	color: var(--dgsc-muted);
	font-size: 13px;
	line-height: 1.6;
}

.dg-support-app--auth .woocommerce-form {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.dg-support-app--auth .woocommerce-form-row {
	margin: 0 0 17px !important;
}

.dg-support-app--auth .woocommerce-form-row label {
	display: block;
	margin-bottom: 7px;
	color: rgba(255, 255, 255, 0.86);
	font-size: 13px;
	font-weight: 650;
}

.dg-support-app--auth .woocommerce-Input,
.dg-support-app--auth .input-text {
	width: 100% !important;
	min-height: 48px;
	padding: 11px 13px !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	border-radius: 4px !important;
	background: rgba(255, 255, 255, 0.035) !important;
	color: #fff !important;
	font: 500 14px/1.4 "Poppins", sans-serif !important;
}

.dg-support-app--auth .woocommerce-Input:focus,
.dg-support-app--auth .input-text:focus {
	border-color: var(--dgsc-gold) !important;
	box-shadow: none !important;
}

.dg-support-app--auth .form-row:has(.woocommerce-form-login__rememberme) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.dg-support-app--auth .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0;
}

.dg-support-app--auth .woocommerce-form-login__rememberme input {
	width: 16px;
	height: 16px;
	margin: 0;
}

.dg-support-app--auth .woocommerce-button {
	min-height: 46px;
	padding: 0 24px !important;
	border: 1px solid #fbbf24 !important;
	border-radius: 4px !important;
	background: linear-gradient(135deg, #ffe783, #f2ad16) !important;
	color: #080808 !important;
	font: 800 13px/1 "Poppins", sans-serif !important;
	box-shadow: none !important;
}

.dg-support-app--auth .woocommerce-button:hover {
	filter: brightness(1.05);
}

.dg-support-app--auth .lost_password {
	margin: 5px 0 0 !important;
	font-size: 12px;
}

.dg-support-app--auth .lost_password a,
.dg-support-auth-footer a {
	color: var(--dgsc-gold);
	font-weight: 700;
}

.dg-support-auth-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 20px 0 0;
	color: var(--dgsc-dim);
	font-size: 12px;
	line-height: 1.6;
}

@media (max-width: 760px) {
	.dg-support-access-bar,
	.dg-support-auth-footer {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}

	.dg-support-access-bar > div {
		gap: 16px;
	}

	.dg-support-app--auth #customer_login {
		grid-template-columns: minmax(0, 1fr);
	}

	.dg-support-app--auth #customer_login > .u-column1,
	.dg-support-app--auth #customer_login > .u-column2 {
		padding: 26px 0 30px;
	}

	.dg-support-app--auth #customer_login > .u-column2 {
		border-top: 1px solid var(--dgsc-line);
		border-left: 0;
	}

	.dg-support-app--auth .dg-support-auth-form-intro {
		min-height: 0;
	}
}

@media (max-width: 430px) {
	.dg-support-app--auth .form-row:has(.woocommerce-form-login__rememberme) {
		align-items: flex-start;
		flex-direction: column;
	}

	.dg-support-app--auth .woocommerce-button {
		width: 100%;
	}
}

/* Optional private screenshots: flat controls and compact conversation links. */
.dg-support-attachment-field {
	display: grid;
	gap: 14px;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid var(--dgsc-line);
}

.dg-support-attachment-field__heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
}

.dg-support-attachment-field__heading > div > p {
	margin: 0 0 4px !important;
	color: var(--dgsc-gold);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.dg-support-attachment-field__heading h2 {
	margin: 0 !important;
	color: #fff !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
}

.dg-support-attachment-field__heading > p {
	margin: 0 !important;
	color: var(--dgsc-muted);
	font-size: 13px;
	line-height: 1.5;
	text-align: right;
}

.dg-support-app .dg-support-file-input {
	display: grid;
	gap: 8px;
	margin: 0;
}

.dg-support-app .dg-support-file-input > span {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

.dg-support-app .dg-support-file-input small {
	color: var(--dgsc-dim);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	text-align: right;
}

.dg-support-app .dg-support-file-input input[type="file"] {
	height: auto !important;
	min-height: 48px;
	padding: 7px !important;
	border-radius: 3px !important;
	background: transparent !important;
	color: var(--dgsc-muted) !important;
	cursor: pointer;
}

.dg-support-app .dg-support-file-input input[type="file"]::file-selector-button {
	min-height: 32px;
	margin-right: 12px;
	padding: 0 13px;
	border: 1px solid var(--dgsc-line-gold);
	border-radius: 2px;
	background: rgba(251, 191, 36, 0.07);
	color: var(--dgsc-gold);
	font: 700 11px/1 "Poppins", sans-serif;
	cursor: pointer;
}

.dg-support-app .dg-support-file-input input[type="file"]:focus-visible,
.dg-support-attachments a:focus-visible {
	outline: 2px solid var(--dgsc-gold);
	outline-offset: 3px;
}

.dg-support-app .dg-support-file-input input[type="file"]:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.dg-support-attachment-status {
	min-height: 20px;
	margin: 0 !important;
	color: var(--dgsc-dim);
	font-size: 13px;
	line-height: 1.6;
	overflow-wrap: anywhere;
}

.dg-support-attachment-status.is-ready {
	color: var(--dgsc-green);
}

.dg-support-attachment-status.is-error {
	color: #f2a3a3;
}

.dg-support-attachment-privacy {
	padding: 4px 0 4px 15px;
	border-left: 3px solid var(--dgsc-line-gold);
}

.dg-support-attachment-privacy strong {
	display: block;
	margin-bottom: 4px;
	color: #fff;
	font-size: 13px;
}

.dg-support-attachment-privacy p,
.dg-support-reply-privacy {
	margin: 0 !important;
	color: var(--dgsc-muted);
	font-size: 13px;
	line-height: 1.65;
}

.dg-support-reply-attachments {
	display: grid;
	gap: 9px;
	margin: 4px 0 2px;
	padding: 16px 0;
	border-top: 1px solid var(--dgsc-line);
	border-bottom: 1px solid var(--dgsc-line);
}

.dg-support-attachments {
	margin-top: 16px;
	padding-top: 13px;
	border-top: 1px solid var(--dgsc-line);
}

.dg-support-attachments__title {
	margin: 0 0 4px !important;
	color: var(--dgsc-muted) !important;
	font-size: 12px !important;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.dg-support-attachments ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.dg-support-attachments li {
	margin: 0 !important;
	padding: 0 !important;
}

.dg-support-attachments li + li {
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.dg-support-attachments a {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding: 10px 0;
	color: inherit;
	text-decoration: none !important;
}

.dg-support-attachment-copy {
	display: grid;
	min-width: 0;
	gap: 3px;
}

.dg-support-attachment-copy strong {
	color: rgba(255, 255, 255, 0.88);
	font-size: 13px;
	font-weight: 700;
}

.dg-support-attachment-copy small {
	color: var(--dgsc-dim);
	font-size: 12px;
	line-height: 1.45;
}

.dg-support-attachment-open {
	color: var(--dgsc-gold);
	font-size: 12px;
	font-weight: 700;
}

.dg-support-attachments a:hover .dg-support-attachment-copy strong {
	color: var(--dgsc-gold);
}

.dg-support-app--tickets .dg-support-status,
.dg-support-app--ticket-detail .dg-support-status {
	min-height: 0;
	padding: 3px 0 3px 8px;
	border: 0;
	border-left: 2px solid currentColor;
	border-radius: 0;
	background: transparent;
}

@media (max-width: 760px) {
	.dg-support-attachment-field__heading,
	.dg-support-app .dg-support-file-input > span {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
	}

	.dg-support-attachment-field__heading > p,
	.dg-support-app .dg-support-file-input small {
		text-align: left;
	}

	.dg-support-attachments a {
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
	}

	.dg-support-attachment-open {
		justify-self: start;
	}
}

/* Support readability: regular guidance is not decorative microcopy. */
.dg-support-app .dg-support-hero__copy > p:last-child,
.dg-support-app .dg-support-ticket-hero > div > p:last-child,
.dg-support-app .dg-support-guide__hero > div > p:last-child,
.dg-support-app .dg-support-category p,
.dg-support-app .dg-support-empty p,
.dg-support-app .dg-support-guide__before p,
.dg-support-app .dg-support-guide__result p,
.dg-support-app .dg-support-guide__steps li p,
.dg-support-app .dg-support-message > p,
.dg-support-app .dg-support-closed-note p,
.dg-support-app .dg-support-ticket-meta > p,
.dg-support-app .dg-support-confirm-form > p,
.dg-support-app .dg-support-auth-header > p:not(.dg-support-eyebrow),
.dg-support-app .dg-support-auth-form-intro {
	font-size: 16px;
	line-height: 1.7;
	overflow-wrap: anywhere;
}

/* This paragraph previously inherited the aside's small uppercase eyebrow. */
.dg-support-app .dg-support-guide__aside > p:nth-of-type(2) {
	font-size: 16px !important;
	line-height: 1.7 !important;
}

.dg-support-app .dg-support-search > p,
.dg-support-app .dg-support-safety p,
.dg-support-app .dg-support-upload-note p,
.dg-support-app .dg-support-verification-explainer p,
.dg-support-app .dg-support-guide__preview-note p,
.dg-support-app .dg-support-form-actions p,
.dg-support-app .dg-support-access-bar,
.dg-support-app .dg-support-auth-footer {
	font-size: 15px;
	line-height: 1.65;
	overflow-wrap: anywhere;
}

/* Field guidance, verification, attachment/privacy copy and useful metadata. */
.dg-support-app .dg-support-ticket-form label small,
.dg-support-app .dg-support-verification-card small,
.dg-support-app .dg-support-guide__aside small,
.dg-support-app .dg-support-attachment-field__heading > p,
.dg-support-app .dg-support-file-input small,
.dg-support-app .dg-support-attachment-status,
.dg-support-app .dg-support-attachment-privacy p,
.dg-support-app .dg-support-reply-privacy,
.dg-support-app .dg-support-attachment-copy small,
.dg-support-app .dg-support-attachment-open,
.dg-support-app .dg-support-ticket-list > article > div span,
.dg-support-app .dg-support-ticket-list > article > div small,
.dg-support-app .dg-support-ticket-list time,
.dg-support-app .dg-support-ticket-list__head,
.dg-support-app .dg-support-recent-list a em,
.dg-support-app .dg-support-message header span,
.dg-support-app .dg-support-message time,
.dg-support-app .dg-support-evidence dt,
.dg-support-app .dg-support-evidence dd,
.dg-support-app .dg-support-ticket-meta dt,
.dg-support-app .dg-support-ticket-meta dd,
.dg-support-app .dg-support-guide__hero dt,
.dg-support-app .dg-support-guide__hero dd,
.dg-support-app .dg-support-ticket-detail__head > div > span,
.dg-support-app .dg-support-ticket-summary span,
.dg-support-app .dg-support-breadcrumb,
.dg-support-app .dg-support-pagination strong,
.dg-support-app .dg-support-review-bar strong,
.dg-support-app--auth .lost_password,
.dg-support-app--auth .woocommerce-form p:not(.woocommerce-form-row):not(.dg-support-auth-form-intro),
.dg-support-app--auth .woocommerce-privacy-policy-text p {
	font-size: 14px;
	line-height: 1.6;
	overflow-wrap: anywhere;
}

.dg-support-app .dg-support-form-actions p,
.dg-support-app .dg-support-ticket-form label small,
.dg-support-app .dg-support-verification-card small,
.dg-support-app .dg-support-guide__aside small,
.dg-support-app .dg-support-file-input small,
.dg-support-app .dg-support-attachment-copy small,
.dg-support-app .dg-support-auth-footer,
.dg-support-app .dg-support-auth-header > p + p:not(.dg-support-eyebrow) {
	color: var(--dgsc-muted);
}

/* Readable action labels and form labels, without enlarging display headings. */
.dg-support-app .dg-support-category h3 {
	font-size: 16px !important;
}

.dg-support-app .dg-support-tabs a,
.dg-support-app .dg-support-quick-actions a strong,
.dg-support-app .dg-support-guide-list a strong,
.dg-support-app .dg-support-recent-list a strong,
.dg-support-app .dg-support-empty strong,
.dg-support-app .dg-support-safety strong,
.dg-support-app .dg-support-upload-note strong,
.dg-support-app .dg-support-closed-note strong,
.dg-support-app .dg-support-verification strong,
.dg-support-app .dg-support-verification-card strong,
.dg-support-app .dg-support-ticket-list > article > div strong,
.dg-support-app .dg-support-attachment-privacy strong,
.dg-support-app .dg-support-attachment-copy strong {
	font-size: 15px;
	line-height: 1.5;
}

.dg-support-app .dg-support-search > label,
.dg-support-app .dg-support-ticket-form label,
.dg-support-app .dg-support-reply-form label,
.dg-support-app .dg-support-message header strong,
.dg-support-app .dg-support-panel > header > a,
.dg-support-app .dg-support-ticket-list > article > a,
.dg-support-app .dg-support-guide__aside .dg-support-guide__related a,
.dg-support-app .dg-support-verification > span,
.dg-support-app .dg-support-verification-card > span,
.dg-support-app .dg-support-status,
.dg-support-app--auth .woocommerce-form-row label,
.dg-support-app--auth .woocommerce-form-login__rememberme {
	font-size: 14px;
	line-height: 1.5;
}

.dg-support-app .dg-support-attachments__title {
	font-size: 14px !important;
}

/* Keep text entry comfortable, including mobile browsers' focus sizing. */
.dg-support-app .dg-support-search input,
.dg-support-app .dg-support-ticket-form input:not([type="checkbox"]):not([type="radio"]),
.dg-support-app .dg-support-ticket-form select,
.dg-support-app .dg-support-ticket-form textarea,
.dg-support-app .dg-support-reply-form textarea,
.dg-support-app--auth .woocommerce-Input,
.dg-support-app--auth .input-text {
	font-size: 16px !important;
	line-height: 1.5 !important;
}

.dg-support-app .dg-support-primary-button,
.dg-support-app .dg-support-outline-button,
.dg-support-app--auth .woocommerce-button,
.dg-support-app--auth .woocommerce-Button {
	max-width: 100%;
	height: auto;
	min-height: 46px;
	padding: 12px 18px !important;
	font-size: 15px !important;
	line-height: 1.45 !important;
	white-space: normal;
	text-align: center;
	overflow-wrap: anywhere;
}

.dg-support-app .dg-support-form-actions > * {
	min-width: 0;
}

.dg-support-app .dg-support-file-input input[type="file"]::file-selector-button {
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1.4;
	white-space: normal;
}

/* Dedicated sign-in shortcut: leave room below the introduction and header. */
.dg-support-app--auth .dg-support-auth-header .dg-support-signin-button {
	margin-top: 20px;
}

.dg-support-app--auth #dg-support-sign-in {
	scroll-margin-top: 96px;
}

.dg-support-app--auth #dg-support-sign-in:focus-visible {
	outline: 2px solid var(--dgsc-gold);
	outline-offset: 8px;
}

/* More breathing room in the verified new-ticket form only. */
.dg-support-app--tickets form[data-dg-ticket-form] {
	--dgsc-submit-section-space: clamp(36px, 3.4vw, 48px);
}

.dg-support-app--tickets form[data-dg-ticket-form] > .dg-support-form-section + .dg-support-form-section,
.dg-support-app--tickets form[data-dg-ticket-form] > .dg-support-attachment-field {
	margin-top: var(--dgsc-submit-section-space);
	padding-top: var(--dgsc-submit-section-space);
}

.dg-support-app--tickets form[data-dg-ticket-form] > .dg-support-form-section > header {
	margin-bottom: 24px;
}

.dg-support-app--tickets form[data-dg-ticket-form] .dg-support-form-grid {
	gap: 20px;
}

.dg-support-app--tickets form[data-dg-ticket-form] .dg-support-form-stack {
	gap: 22px;
}

.dg-support-app--tickets form[data-dg-ticket-form] > .dg-support-upload-note {
	margin-top: var(--dgsc-submit-section-space);
}

.dg-support-app--tickets form[data-dg-ticket-form] > .dg-support-form-actions {
	margin-top: 32px;
}

/* Submission feedback stays separate from authentication and account notices. */
.dg-support-app--tickets .dg-support-ticket-feedback {
	margin-top: 28px;
	padding: 20px 22px;
	border: 1px solid rgba(255, 143, 126, 0.5);
	border-left: 4px solid #ff8f7e;
	border-radius: 5px;
	background: rgba(255, 143, 126, 0.075);
	color: #fff;
	overflow-wrap: anywhere;
	scroll-margin-top: 96px;
}

.dg-support-app--tickets .dg-support-ticket-feedback > strong {
	display: block;
	color: #ffb3a7;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.5;
}

.dg-support-app--tickets .dg-support-ticket-feedback > p {
	margin: 10px 0 0 !important;
	color: rgba(255, 255, 255, 0.88);
	font-size: 16px;
	line-height: 1.7;
}

.dg-support-app--tickets .dg-support-ticket-feedback:focus-visible {
	outline: 2px solid #ffb3a7;
	outline-offset: 4px;
}

/* Clear receipt confirmation while a new ticket awaits its first staff review. */
.dg-support-app--ticket-detail .dg-support-ticket-received {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 24px;
	padding: 18px 22px;
	border: 1px solid rgba(75, 214, 120, 0.5);
	border-left: 4px solid #4bd678;
	border-radius: 8px;
	background: rgba(75, 214, 120, 0.09);
	color: #bcf5ce;
}

.dg-support-app--ticket-detail .dg-support-ticket-received > span {
	flex: 0 0 auto;
	color: #4bd678;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.36;
}

.dg-support-app--ticket-detail .dg-support-ticket-received > p {
	min-width: 0;
	margin: 0 !important;
	color: #bcf5ce;
	font-size: 16px;
	line-height: 1.7;
	overflow-wrap: anywhere;
}

.dg-support-app--ticket-detail .dg-support-ticket-received strong {
	color: #72e69a;
	font-weight: 800;
}

/* Solid-gold CTA links must not inherit the account area's gold/white links. */
.dg-support-app a.dg-support-primary-button,
.dg-support-app a.dg-support-primary-button:is(:link, :visited, :hover, :focus, :focus-visible, :active),
body.woocommerce-account .woocommerce-MyAccount-content .dg-support-app a.dg-support-primary-button,
body.woocommerce-account .woocommerce-MyAccount-content .dg-support-app a.dg-support-primary-button:is(:link, :visited, :hover, :focus, :focus-visible, :active) {
	color: #050505 !important;
	-webkit-text-fill-color: #050505 !important;
}
