/**
 * DPZ Certificate Generator public interfaces.
 */

.dpz-verification-route {
	background: #f4f8fc;
	min-height: 70vh;
	padding: clamp(24px, 5vw, 72px) 20px;
}

.dpz-verification-route-inner {
	margin: 0 auto;
	max-width: 1180px;
}

.dpz-verification,
.dpz-generator-shortcode {
	box-sizing: border-box;
	font-family: inherit;
}

.dpz-verification *,
.dpz-verification *::before,
.dpz-verification *::after,
.dpz-generator-shortcode *,
.dpz-generator-shortcode *::before,
.dpz-generator-shortcode *::after {
	box-sizing: inherit;
}

.dpz-verification {
	--dpz-primary: #0b4f9c;
	--dpz-accent: #2f7d32;
	--dpz-page: #f4f8fc;
	--dpz-surface: #ffffff;
	--dpz-text: #102a43;
	--dpz-muted: #526777;
	--dpz-border: #d8e3ec;
	--dpz-input: #ffffff;
	--dpz-input-text: #102a43;
	--dpz-soft: #eef5fb;
	--dpz-shadow: 0 24px 60px rgba(11, 79, 156, 0.12);
	background: var(--dpz-page);
	border: 1px solid var(--dpz-border);
	border-radius: 28px;
	box-shadow: var(--dpz-shadow);
	color: var(--dpz-text);
	margin: 24px auto;
	max-width: 1180px;
	padding: clamp(24px, 5vw, 64px);
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.dpz-verification[data-theme="dark"] {
	--dpz-page: #101820;
	--dpz-surface: #17222c;
	--dpz-text: #f4f8fb;
	--dpz-muted: #b9c8d4;
	--dpz-border: #314454;
	--dpz-input: #0f1820;
	--dpz-input-text: #ffffff;
	--dpz-soft: #1d2a35;
	--dpz-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.dpz-verification-topbar {
	align-items: flex-start;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	margin-bottom: 34px;
}

.dpz-verification-header {
	align-items: center;
	display: flex;
	gap: 24px;
}

.dpz-verification-logo {
	background: var(--dpz-surface);
	border: 1px solid var(--dpz-border);
	border-radius: 18px;
	display: block;
	height: auto;
	max-height: 84px;
	max-width: 180px;
	object-fit: contain;
	padding: 10px;
}

.dpz-verification-icon {
	align-items: center;
	background: var(--dpz-surface);
	border: 1px solid var(--dpz-border);
	border-radius: 20px;
	color: var(--dpz-primary);
	display: inline-flex;
	font-size: 30px;
	height: 80px;
	justify-content: center;
	width: 80px;
}

.dpz-verification-company {
	color: var(--dpz-primary);
	display: block;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.12em;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.dpz-verification h2 {
	color: var(--dpz-text);
	font-size: clamp(30px, 4vw, 52px);
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.08;
	margin: 0 0 12px;
}

.dpz-verification-header p {
	color: var(--dpz-muted);
	font-size: clamp(16px, 2vw, 20px);
	line-height: 1.55;
	margin: 0;
	max-width: 760px;
}

.dpz-theme-toggle {
	align-items: center;
	background: var(--dpz-surface);
	border: 1px solid var(--dpz-border);
	border-radius: 999px;
	color: var(--dpz-text);
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	gap: 8px;
	min-height: 44px;
	padding: 9px 15px;
	white-space: nowrap;
}

.dpz-theme-toggle:hover,
.dpz-theme-toggle:focus-visible {
	border-color: var(--dpz-primary);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--dpz-primary) 18%, transparent);
	outline: none;
}

.dpz-verification-message {
	background: var(--dpz-surface);
	border: 1px solid var(--dpz-border);
	border-radius: 14px;
	margin-bottom: 22px;
	padding: 14px 18px;
}

.dpz-verification-message p {
	margin: 0;
}

.dpz-verification-message.is-error {
	background: #fff3f2;
	border-color: #f4b7b2;
	color: #a61b12;
}

.dpz-verification[data-theme="dark"] .dpz-verification-message.is-error {
	background: #351a1a;
	border-color: #6f3030;
	color: #ffc4bf;
}

.dpz-verification-form {
	background: var(--dpz-surface);
	border: 1px solid var(--dpz-border);
	border-radius: 20px;
	margin-bottom: 30px;
	padding: clamp(18px, 3vw, 28px);
}

.dpz-verification-form > label {
	color: var(--dpz-text);
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
}

.dpz-verification-form-row {
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.dpz-verification-form input {
	background: var(--dpz-input);
	border: 1px solid var(--dpz-border);
	border-radius: 12px;
	color: var(--dpz-input-text);
	font: inherit;
	font-size: 18px;
	min-height: 56px;
	padding: 12px 16px;
	width: 100%;
}

.dpz-verification-form input:focus {
	border-color: var(--dpz-primary);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--dpz-primary) 18%, transparent);
	outline: none;
}

.dpz-verification-form button,
.dpz-generator-shortcode-button {
	background: var(--dpz-primary, #0b4f9c);
	border: 1px solid var(--dpz-primary, #0b4f9c);
	border-radius: 12px;
	color: #ffffff;
	cursor: pointer;
	font: inherit;
	font-size: 16px;
	font-weight: 700;
	min-height: 56px;
	padding: 12px 24px;
}

.dpz-verification-form button:hover,
.dpz-verification-form button:focus-visible,
.dpz-generator-shortcode-button:hover,
.dpz-generator-shortcode-button:focus-visible {
	filter: brightness(0.92);
	outline: none;
}

.dpz-verification-result {
	background: var(--dpz-surface);
	border: 1px solid var(--dpz-border);
	border-radius: 20px;
	overflow: hidden;
}

.dpz-verification-status {
	align-items: center;
	background: var(--dpz-soft);
	display: flex;
	gap: 18px;
	padding: 24px 30px;
}

.dpz-verification-status > .dashicons {
	align-items: center;
	border-radius: 50%;
	display: inline-flex;
	font-size: 26px;
	height: 56px;
	justify-content: center;
	width: 56px;
}

.dpz-verification-status div > span {
	display: block;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.dpz-verification-status strong {
	display: block;
	font-size: 30px;
	line-height: 1.15;
}

.dpz-verification-result.is-valid .dpz-verification-status {
	background: #edf9f0;
	color: #176c31;
}

.dpz-verification-result.is-valid .dpz-verification-status > .dashicons {
	background: #d8f1df;
}

.dpz-verification-result.is-invalid .dpz-verification-status {
	background: #fff1f0;
	color: #b42318;
}

.dpz-verification-result.is-invalid .dpz-verification-status > .dashicons {
	background: #ffd9d6;
}

.dpz-verification[data-theme="dark"] .dpz-verification-result.is-valid .dpz-verification-status {
	background: #173524;
	color: #8ee2a5;
}

.dpz-verification[data-theme="dark"] .dpz-verification-result.is-valid .dpz-verification-status > .dashicons {
	background: #214b31;
}

.dpz-verification[data-theme="dark"] .dpz-verification-result.is-invalid .dpz-verification-status {
	background: #3a1d1c;
	color: #ffaaa3;
}

.dpz-verification[data-theme="dark"] .dpz-verification-result.is-invalid .dpz-verification-status > .dashicons {
	background: #552725;
}

.dpz-verification-not-found {
	color: #b42318;
	font-size: 17px;
	margin: 0;
	padding: 24px 30px 0;
}

.dpz-verification[data-theme="dark"] .dpz-verification-not-found {
	color: #ffaaa3;
}

.dpz-verification-details {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
}

.dpz-verification-details > div {
	border-right: 1px solid var(--dpz-border);
	border-top: 1px solid var(--dpz-border);
	padding: 22px 30px;
}

.dpz-verification-details > div:nth-child(even) {
	border-right: 0;
}

.dpz-verification-details dt {
	color: var(--dpz-muted);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.06em;
	margin: 0 0 7px;
	text-transform: uppercase;
}

.dpz-verification-details dd {
	color: var(--dpz-text);
	font-size: 17px;
	font-weight: 650;
	margin: 0;
	word-break: break-word;
}

/* Administrator-only front-end generator shortcode. */
.dpz-generator-shortcode {
	--dpz-primary: #0b4f9c;
	--dpz-border: #d8e3ec;
	--dpz-text: #102a43;
	--dpz-muted: #526777;
	background: #ffffff;
	border: 1px solid var(--dpz-border);
	border-radius: 22px;
	box-shadow: 0 18px 50px rgba(11, 79, 156, 0.1);
	color: var(--dpz-text);
	margin: 24px auto;
	max-width: 1100px;
	padding: clamp(22px, 4vw, 42px);
}

.dpz-generator-shortcode-header h2 {
	color: var(--dpz-text);
	font-size: clamp(26px, 4vw, 40px);
	margin: 0 0 8px;
}

.dpz-generator-shortcode-header p {
	color: var(--dpz-muted);
	margin: 0 0 24px;
}

.dpz-generator-form {
	display: grid;
	gap: 24px;
}

.dpz-generator-number {
	align-items: center;
	background: #eef5fb;
	border: 1px solid var(--dpz-border);
	border-radius: 14px;
	display: flex;
	justify-content: space-between;
	padding: 16px 18px;
}

.dpz-generator-number span {
	color: var(--dpz-muted);
	font-weight: 650;
}

.dpz-generator-number strong {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 18px;
}

.dpz-generator-templates {
	border: 0;
	margin: 0;
	padding: 0;
}

.dpz-generator-templates legend {
	font-weight: 750;
	margin-bottom: 12px;
}

.dpz-generator-template-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dpz-generator-template-option {
	border: 2px solid var(--dpz-border);
	border-radius: 14px;
	cursor: pointer;
	overflow: hidden;
	padding: 8px;
	position: relative;
	text-align: center;
}

.dpz-generator-template-option:has(input:checked) {
	border-color: var(--dpz-primary);
	box-shadow: 0 0 0 3px rgba(11, 79, 156, 0.12);
}

.dpz-generator-template-option input {
	left: 12px;
	position: absolute;
	top: 12px;
}

.dpz-generator-template-option img {
	display: block;
	height: 300px;
	margin: 0 auto 10px;
	max-width: 100%;
	object-fit: contain;
}

.dpz-generator-template-option > span {
	display: block;
	font-weight: 700;
	padding: 6px;
}

.dpz-generator-fields {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dpz-generator-fields > label,
.dpz-generator-date-field,
.dpz-public-date-range label {
	display: grid;
	gap: 7px;
}

.dpz-generator-fields > label > span,
.dpz-generator-date-field > span,
.dpz-public-date-range label > span {
	font-size: 13px;
	font-weight: 750;
}

.dpz-generator-fields input,
.dpz-generator-fields select,
.dpz-public-date-range input {
	background: #ffffff;
	border: 1px solid var(--dpz-border);
	border-radius: 10px;
	color: var(--dpz-text);
	font: inherit;
	min-height: 48px;
	padding: 10px 13px;
	width: 100%;
}

.dpz-generator-date-field {
	grid-column: 1 / -1;
}

.dpz-public-date-range {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dpz-generator-shortcode-button {
	justify-self: start;
}

@media (max-width: 780px) {
	.dpz-verification {
		border-radius: 18px;
		padding: 22px;
	}

	.dpz-verification-topbar,
	.dpz-verification-header {
		align-items: flex-start;
		flex-direction: column;
	}

	.dpz-theme-toggle {
		align-self: flex-start;
	}

	.dpz-verification-form-row,
	.dpz-verification-details,
	.dpz-generator-template-grid,
	.dpz-generator-fields,
	.dpz-public-date-range {
		grid-template-columns: 1fr;
	}

	.dpz-verification-form button,
	.dpz-generator-shortcode-button {
		width: 100%;
	}

	.dpz-verification-details > div,
	.dpz-verification-details > div:nth-child(even) {
		border-right: 0;
	}

	.dpz-generator-template-option img {
		height: 260px;
	}
}

@media (max-width: 480px) {
	.dpz-verification-route {
		padding-left: 10px;
		padding-right: 10px;
	}

	.dpz-verification {
		margin: 12px auto;
		padding: 18px;
	}

	.dpz-verification-icon {
		height: 62px;
		width: 62px;
	}

	.dpz-verification-status,
	.dpz-verification-details > div,
	.dpz-verification-not-found {
		padding-left: 18px;
		padding-right: 18px;
	}
}

/* Private client certificate dashboard */
.dpz-my-certificates {
	background: #f7faff;
	border: 1px solid #dbe7f3;
	border-radius: 18px;
	color: #102a43;
	padding: 24px;
}

.dpz-my-certificates-header {
	align-items: flex-start;
	display: flex;
	gap: 18px;
	justify-content: space-between;
	margin-bottom: 22px;
}

.dpz-my-certificates-header h2,
.dpz-my-certificates-header p {
	margin: 0;
}

.dpz-my-certificates-header p {
	color: #627d98;
	margin-top: 6px;
}

.dpz-my-certificates-count {
	background: #e8f2ff;
	border-radius: 999px;
	color: #0b4f9c;
	font-weight: 700;
	padding: 8px 12px;
	white-space: nowrap;
}

.dpz-my-certificates-grid {
	display: grid !important;
	gap: 24px !important;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
}

.dpz-my-certificates-stats-bar {
	align-items: center !important;
	background: #F0F6FF !important;
	border: 1px solid #E0EDFD !important;
	border-radius: 14px !important;
	display: flex !important;
	justify-content: space-between !important;
	margin: 0 0 24px 0 !important;
	padding: 16px 22px !important;
	gap: 20px !important;
}

.dpz-stats-col {
	align-items: center !important;
	display: flex !important;
	gap: 14px !important;
	flex: 1 1 auto !important;
}

.dpz-stats-icon {
	align-items: center !important;
	background: #DBEAFE !important;
	border-radius: 12px !important;
	color: #1D4ED8 !important;
	display: flex !important;
	flex-shrink: 0 !important;
	height: 44px !important;
	justify-content: center !important;
	width: 44px !important;
}

.dpz-stats-info {
	display: flex !important;
	flex-direction: column !important;
}

.dpz-stats-val {
	color: #0F2942 !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	margin-bottom: 2px !important;
}

.dpz-stats-label {
	color: #64748B !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
}

.dpz-stats-divider {
	background: #CBD5E1 !important;
	height: 38px !important;
	width: 1px !important;
	flex-shrink: 0 !important;
}

@media (max-width: 700px) {
	.dpz-my-certificates-stats-bar {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 14px !important;
	}
	.dpz-stats-divider {
		display: none !important;
	}
}

.dpz-client-certificate-card {
	background: #ffffff !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 18px !important;
	box-shadow: 0 4px 18px rgba(15, 41, 66, 0.05) !important;
	display: flex !important;
	flex-direction: column !important;
	padding: 16px !important;
	position: relative !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.dpz-client-certificate-card:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 10px 26px rgba(15, 41, 66, 0.1) !important;
}

.dpz-client-card-top-action {
	position: absolute !important;
	top: 22px !important;
	right: 22px !important;
	z-index: 10 !important;
}

.dpz-client-card-dots {
	background: rgba(255, 255, 255, 0.9) !important;
	border-radius: 50% !important;
	color: #64748B !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 18px !important;
	font-weight: bold !important;
	height: 28px !important;
	width: 28px !important;
	line-height: 1 !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
	transition: color 0.15s, background 0.15s !important;
}

.dpz-client-card-dots:hover {
	background: #ffffff !important;
	color: #0F2942 !important;
}

.dpz-client-certificate-image {
	align-items: center !important;
	background: #F8FAFC !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 14px !important;
	display: flex !important;
	height: 250px !important;
	max-height: 250px !important;
	min-height: 250px !important;
	justify-content: center !important;
	overflow: hidden !important;
	padding: 12px !important;
	position: relative !important;
	text-decoration: none !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.dpz-client-certificate-image img {
	border-radius: 6px !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1) !important;
	display: block !important;
	height: auto !important;
	max-height: 226px !important;
	max-width: 100% !important;
	object-fit: contain !important;
	position: static !important;
	transition: transform 0.2s ease !important;
	width: auto !important;
	margin: 0 auto !important;
}

.dpz-client-certificate-card:hover .dpz-client-certificate-image img {
	transform: scale(1.02) !important;
}

.dpz-client-certificate-body {
	background: transparent !important;
	border: none !important;
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	padding: 16px 4px 4px !important;
}

.dpz-client-certificate-title-row {
	align-items: center !important;
	display: flex !important;
	justify-content: space-between !important;
	gap: 10px !important;
	margin-bottom: 14px !important;
}

.dpz-client-card-title {
	color: #0F2942 !important;
	font-size: 17px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	margin: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.dpz-client-status {
	align-items: center !important;
	border-radius: 999px !important;
	display: inline-flex !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.04em !important;
	padding: 4px 10px !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

.dpz-client-status.status-valid {
	background: #DCFCE7 !important;
	color: #15803D !important;
}

.dpz-client-status.status-expired,
.dpz-client-status.status-invalid {
	background: #FEE2E2 !important;
	color: #B91C1C !important;
}

.dpz-client-status.status-revoked,
.dpz-client-status.status-archived {
	background: #F1F5F9 !important;
	color: #475569 !important;
}

.dpz-client-meta-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	margin-bottom: 18px !important;
}

.dpz-client-meta-row {
	align-items: center !important;
	display: flex !important;
	justify-content: space-between !important;
	gap: 12px !important;
	font-size: 13px !important;
}

.dpz-meta-key {
	align-items: center !important;
	color: #64748B !important;
	display: inline-flex !important;
	gap: 8px !important;
	font-weight: 500 !important;
}

.dpz-meta-icon {
	flex-shrink: 0 !important;
}

.dpz-meta-val {
	color: #0F2942 !important;
	font-weight: 700 !important;
	text-align: right !important;
	word-break: break-word !important;
}

.dpz-client-certificate-actions {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 10px !important;
	margin-top: auto !important;
	padding-top: 10px !important;
}

.dpz-client-certificate-actions a {
	align-items: center !important;
	border-radius: 10px !important;
	display: inline-flex !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	gap: 7px !important;
	justify-content: center !important;
	padding: 10px 8px !important;
	text-align: center !important;
	text-decoration: none !important;
	transition: all 0.15s ease !important;
	white-space: nowrap !important;
}

.dpz-client-btn-pdf {
	background: #0B4F9C !important;
	border: 1px solid #0B4F9C !important;
	color: #ffffff !important;
}

.dpz-client-btn-pdf:hover {
	background: #083c77 !important;
	border-color: #083c77 !important;
	color: #ffffff !important;
}

.dpz-client-btn-png,
.dpz-client-btn-report,
.dpz-client-btn-verify {
	background: #EFF6FF !important;
	border: 1px solid #BFDBFE !important;
	color: #0B4F9C !important;
}

.dpz-client-btn-png:hover,
.dpz-client-btn-report:hover,
.dpz-client-btn-verify:hover {
	background: #DBEAFE !important;
	border-color: #93C5FD !important;
	color: #072F5F !important;
}

.dpz-client-btn-verify:hover {
	background: #dcfce7 !important;
	border-color: #86efac !important;
	color: #15803d !important;
}

.dpz-my-certificates-empty,
.dpz-my-certificates-message {
	background: #ffffff;
	border: 1px dashed #b8c9da;
	border-radius: 14px;
	padding: 30px;
	text-align: center;
}

.dpz-my-certificates-empty .dashicons {
	color: #0b4f9c;
	font-size: 40px;
	height: 40px;
	width: 40px;
}

.dpz-client-pagination {
	display: flex;
	gap: 8px;
	justify-content: center;
	margin-top: 24px;
}

.dpz-client-pagination .page-numbers {
	background: #ffffff;
	border: 1px solid #cbd9e7;
	border-radius: 8px;
	padding: 8px 12px;
	text-decoration: none;
}

.dpz-client-pagination .current {
	background: #0b4f9c;
	border-color: #0b4f9c;
	color: #ffffff;
}

@media (max-width: 600px) {
	.dpz-my-certificates {
		padding: 16px;
	}

	.dpz-my-certificates-header {
		flex-direction: column;
	}

	.dpz-client-certificate-image {
		height: 200px !important;
		max-height: 200px !important;
	}
}

/* ===== DPZ Client Portal v1.4 ===== */
.dpz-client-portal,
.dpz-client-dashboard,
.dpz-client-table-section,
.dpz-client-downloads {
	--dpz-portal-primary: #0b4f9c;
	--dpz-portal-primary-dark: #073c77;
	--dpz-portal-accent: #2f7d32;
	--dpz-portal-page: #f4f8fc;
	--dpz-portal-surface: #ffffff;
	--dpz-portal-text: #102a43;
	--dpz-portal-muted: #627d98;
	--dpz-portal-border: #d7e3ef;
	box-sizing: border-box;
	color: var(--dpz-portal-text);
	font-family: inherit;
}

.dpz-client-portal *,
.dpz-client-dashboard *,
.dpz-client-table-section *,
.dpz-client-downloads * {
	box-sizing: border-box;
}

.dpz-client-portal {
	background: var(--dpz-portal-page);
	border: 1px solid var(--dpz-portal-border);
	border-radius: 20px;
	display: grid;
	grid-template-columns: 230px minmax(0, 1fr);
	overflow: hidden;
	width: 100%;
}

.dpz-client-portal-nav {
	background: #082f5b;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 22px 14px;
}

.dpz-client-portal-nav a {
	border-radius: 10px;
	color: #d9e9f8;
	font-size: 14px;
	font-weight: 700;
	padding: 12px 14px;
	text-decoration: none;
}

.dpz-client-portal-nav a:hover,
.dpz-client-portal-nav a:focus,
.dpz-client-portal-nav a.is-active {
	background: #ffffff;
	color: var(--dpz-portal-primary);
}

.dpz-client-portal-content {
	min-width: 0;
	padding: 26px;
}

.dpz-client-dashboard {
	width: 100%;
}

.dpz-client-dashboard-header {
	align-items: center;
	background: linear-gradient(135deg, #0b4f9c 0%, #123f78 65%, #2f7d32 140%);
	border-radius: 18px;
	color: #ffffff;
	display: flex;
	justify-content: space-between;
	margin-bottom: 22px;
	padding: 26px;
}

.dpz-client-dashboard-header span {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.dpz-client-dashboard-header h2 {
	color: #ffffff;
	font-size: clamp(26px, 4vw, 38px);
	line-height: 1.2;
	margin: 7px 0 8px;
}

.dpz-client-dashboard-header p {
	color: rgba(255,255,255,.86);
	margin: 0;
	max-width: 720px;
}

.dpz-client-stat-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 18px;
}

.dpz-client-stat,
.dpz-client-performance-card,
.dpz-client-product-card,
.dpz-client-download-card,
.dpz-client-payment-grid article {
	background: var(--dpz-portal-surface);
	border: 1px solid var(--dpz-portal-border);
	border-radius: 15px;
	box-shadow: 0 8px 24px rgba(16,42,67,.07);
}

.dpz-client-stat {
	align-items: center;
	display: flex;
	gap: 13px;
	min-height: 112px;
	padding: 18px;
}

.dpz-client-stat > .dashicons {
	align-items: center;
	background: #eaf3fd;
	border-radius: 12px;
	color: var(--dpz-portal-primary);
	display: inline-flex;
	font-size: 23px;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.dpz-client-stat strong {
	color: var(--dpz-portal-text);
	display: block;
	font-size: 23px;
	line-height: 1.2;
}

.dpz-client-stat p,
.dpz-client-performance-card p {
	color: var(--dpz-portal-muted);
	font-size: 13px;
	margin: 5px 0 0;
}

.dpz-client-performance-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 26px;
}

.dpz-client-performance-card {
	align-items: center;
	display: flex;
	gap: 16px;
	padding: 20px;
}

.dpz-client-performance-card .dashicons {
	color: var(--dpz-portal-accent);
	font-size: 30px;
	height: 30px;
	width: 30px;
}

.dpz-client-performance-card strong {
	font-size: 28px;
}

.dpz-client-section-heading {
	align-items: flex-end;
	display: flex;
	justify-content: space-between;
	margin: 0 0 16px;
}

.dpz-client-section-heading h2,
.dpz-client-section-heading h3 {
	color: var(--dpz-portal-text);
	font-size: 24px;
	margin: 0 0 5px;
}

.dpz-client-section-heading p {
	color: var(--dpz-portal-muted);
	margin: 0;
}

.dpz-client-product-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dpz-client-product-card {
	padding: 20px;
}

.dpz-client-product-top {
	align-items: flex-start;
	display: flex;
	gap: 12px;
	justify-content: space-between;
}

.dpz-client-product-top > div > span,
.dpz-client-download-card > div > span {
	color: var(--dpz-portal-primary);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.dpz-client-product-top h4,
.dpz-client-download-card h3 {
	color: var(--dpz-portal-text);
	font-size: 19px;
	margin: 5px 0 0;
}

.dpz-client-product-card dl {
	display: grid;
	gap: 0;
	margin: 17px 0;
}

.dpz-client-product-card dl > div {
	align-items: center;
	border-top: 1px solid #edf2f7;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	padding: 9px 0;
}

.dpz-client-product-card dt {
	color: var(--dpz-portal-muted);
	font-size: 13px;
}

.dpz-client-product-card dd {
	color: var(--dpz-portal-text);
	font-weight: 700;
	margin: 0;
	text-align: right;
}

.dpz-client-product-actions,
.dpz-client-download-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.dpz-client-product-actions a,
.dpz-client-download-actions a {
	background: var(--dpz-portal-primary);
	border: 1px solid var(--dpz-portal-primary);
	border-radius: 8px;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	padding: 9px 12px;
	text-decoration: none;
}

.dpz-client-product-actions a:hover,
.dpz-client-download-actions a:hover {
	background: var(--dpz-portal-primary-dark);
	color: #ffffff;
}

.dpz-client-table-section,
.dpz-client-downloads {
	background: #ffffff;
	border: 1px solid var(--dpz-portal-border);
	border-radius: 16px;
	padding: 22px;
}

.dpz-client-table-wrap {
	overflow-x: auto;
}

.dpz-client-table {
	border-collapse: separate;
	border-spacing: 0;
	min-width: 760px;
	width: 100%;
}

.dpz-client-table th {
	background: #edf5fd;
	color: #123f78;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .04em;
	padding: 13px;
	text-align: left;
	text-transform: uppercase;
}

.dpz-client-table td {
	border-bottom: 1px solid #e8eef5;
	color: var(--dpz-portal-text);
	padding: 14px 13px;
	vertical-align: middle;
}

.dpz-client-table tbody tr:hover td {
	background: #f8fbff;
}

.dpz-client-table a {
	color: var(--dpz-portal-primary);
	font-weight: 700;
	text-decoration: none;
}

.dpz-client-download-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dpz-client-download-card {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	padding: 18px;
}

.dpz-client-payment-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dpz-client-payment-grid article {
	align-items: center;
	display: flex;
	gap: 14px;
	padding: 18px;
}

.dpz-client-payment-grid .dashicons {
	color: var(--dpz-portal-primary);
	font-size: 28px;
	height: 28px;
	width: 28px;
}

.dpz-client-payment-grid small {
	background: #e9f8ee;
	border-radius: 999px;
	color: #1f7a3e;
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	margin-left: 8px;
	padding: 4px 8px;
}

.dpz-client-empty {
	background: #ffffff;
	border: 1px dashed #b8c9da;
	border-radius: 14px;
	color: var(--dpz-portal-muted);
	padding: 28px;
	text-align: center;
}

@media (max-width: 1100px) {
	.dpz-client-stat-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 800px) {
	.dpz-client-portal {
		grid-template-columns: 1fr;
	}

	.dpz-client-portal-nav {
		flex-direction: row;
		overflow-x: auto;
		padding: 12px;
	}

	.dpz-client-portal-nav a {
		flex: 0 0 auto;
	}

	.dpz-client-portal-content {
		padding: 16px;
	}

	.dpz-client-product-grid,
	.dpz-client-download-grid,
	.dpz-client-payment-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.dpz-client-stat-grid,
	.dpz-client-performance-grid {
		grid-template-columns: 1fr;
	}

	.dpz-client-dashboard-header {
		padding: 20px;
	}

	.dpz-client-download-card {
		align-items: flex-start;
		flex-direction: column;
	}
}


/* Standalone client shortcodes for custom Elementor/page-builder layouts. */
.dpz-client-profile-card,
.dpz-client-form-section {
	background: #fff;
	border: 1px solid #dbe6f2;
	border-radius: 22px;
	box-shadow: 0 14px 34px rgba(15, 52, 93, 0.08);
	color: #102a43;
	padding: 28px;
}

.dpz-client-profile-card {
	align-items: center;
	display: flex;
	gap: 22px;
}

.dpz-client-profile-avatar img {
	border: 4px solid #eef5fb;
	border-radius: 50%;
	display: block;
	height: auto;
}

.dpz-client-profile-copy span,
.dpz-client-profile-copy p {
	color: #627d98;
	margin: 0;
}

.dpz-client-profile-copy h2 {
	color: #003b73;
	font-size: clamp(1.45rem, 2.6vw, 2rem);
	margin: 5px 0;
}

.dpz-client-form {
	margin-top: 20px;
}

.dpz-client-form-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 22px;
}

.dpz-client-form label {
	display: block;
}

.dpz-client-form label > span {
	color: #102a43;
	display: block;
	font-weight: 700;
	margin-bottom: 8px;
}

.dpz-client-form input {
	background: #fff;
	border: 1px solid #bcccdc;
	border-radius: 9px;
	box-sizing: border-box;
	color: #102a43;
	font: inherit;
	min-height: 48px;
	padding: 10px 14px;
	width: 100%;
}

.dpz-client-form input:focus {
	border-color: #0b5cab;
	box-shadow: 0 0 0 3px rgba(11, 92, 171, 0.13);
	outline: 0;
}

.dpz-client-form input[readonly] {
	background: #f4f7fa;
	color: #627d98;
}

.dpz-client-form-wide {
	grid-column: 1 / -1;
}

.dpz-client-primary-button,
.dpz-client-logout-button {
	background: #0b5cab;
	border: 1px solid #0b5cab;
	border-radius: 9px;
	box-sizing: border-box;
	color: #fff !important;
	cursor: pointer;
	display: inline-flex;
	font-weight: 700;
	justify-content: center;
	line-height: 1.25;
	padding: 13px 22px;
	text-decoration: none !important;
}

.dpz-client-primary-button:hover,
.dpz-client-logout-button:hover {
	background: #084a8a;
	border-color: #084a8a;
	color: #fff !important;
}

.dpz-client-logout-button {
	background: #d81b0d;
	border-color: #d81b0d;
}

.dpz-client-logout-button:hover {
	background: #b5160b;
	border-color: #b5160b;
}

.dpz-client-form-notice {
	border: 1px solid;
	border-radius: 10px;
	margin: 0 0 18px;
	padding: 13px 16px;
}

.dpz-client-form-notice p {
	margin: 0;
}

.dpz-client-form-notice.is-success {
	background: #effaf2;
	border-color: #9ed8ad;
	color: #176b2c;
}

.dpz-client-form-notice.is-error {
	background: #fff1f0;
	border-color: #efaaa4;
	color: #9f2117;
}

@media (max-width: 700px) {
	.dpz-client-profile-card {
		align-items: flex-start;
		flex-direction: column;
	}

	.dpz-client-form-grid {
		grid-template-columns: 1fr;
	}

	.dpz-client-form-wide {
		grid-column: auto;
	}
}


/* WooCommerce address editor used by [dpz_client_address]. */
.dpz-client-address-grid {
	display: grid;
	gap: 22px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 20px;
}

.dpz-client-address-form {
	border: 1px solid #dbe6f2;
	border-radius: 16px;
	margin: 0;
	padding: 22px;
}

.dpz-client-address-form h3 {
	color: #003b73;
	margin: 0 0 18px;
}

.dpz-client-wc-fields {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 20px;
}

.dpz-client-wc-fields .form-row {
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
}

.dpz-client-wc-fields .form-row-wide,
.dpz-client-wc-fields .address-field,
.dpz-client-wc-fields .validate-email,
.dpz-client-wc-fields .validate-phone {
	grid-column: 1 / -1;
}

.dpz-client-wc-fields label {
	color: #102a43;
	display: block;
	font-weight: 700;
	margin-bottom: 8px;
}

.dpz-client-wc-fields input,
.dpz-client-wc-fields select,
.dpz-client-wc-fields textarea,
.dpz-client-wc-fields .select2-selection {
	background: #fff;
	border: 1px solid #bcccdc;
	border-radius: 9px;
	box-sizing: border-box;
	color: #102a43;
	font: inherit;
	min-height: 48px;
	padding: 10px 14px;
	width: 100%;
}

.dpz-client-wc-fields textarea {
	min-height: 92px;
	resize: vertical;
}

.dpz-client-wc-fields .select2-container {
	width: 100% !important;
}

.dpz-client-wc-fields .select2-selection__rendered {
	line-height: 27px !important;
}

@media (max-width: 900px) {
	.dpz-client-address-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.dpz-client-wc-fields {
		grid-template-columns: 1fr;
	}

	.dpz-client-wc-fields .form-row-wide,
	.dpz-client-wc-fields .address-field,
	.dpz-client-wc-fields .validate-email,
	.dpz-client-wc-fields .validate-phone {
		grid-column: auto;
	}
}

/* ===== DPZ v1.4.3 responsive and account-form hardening ===== */
.dpz-verification,
.dpz-client-portal,
.dpz-client-dashboard,
.dpz-client-table-section,
.dpz-client-downloads,
.dpz-client-form-section { max-width: 100%; min-width: 0; }
.dpz-verification img,
.dpz-client-portal img,
.dpz-client-dashboard img { height: auto; max-width: 100%; }
.dpz-client-portal-content > * { max-width: 100%; }
.dpz-client-portal .dpz-client-form,
.dpz-client-form-section .dpz-client-form { display: block !important; margin-top: 20px !important; visibility: visible !important; }
.dpz-client-portal .dpz-client-form-grid,
.dpz-client-form-section .dpz-client-form-grid { display: grid !important; gap: 18px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; margin-bottom: 22px !important; }
.dpz-client-portal .dpz-client-form label,
.dpz-client-form-section .dpz-client-form label { display: block !important; min-width: 0; }
.dpz-client-portal .dpz-client-form input,
.dpz-client-form-section .dpz-client-form input {
	appearance: auto !important; background: #fff !important; border: 1px solid #bcccdc !important;
	border-radius: 9px !important; box-shadow: none !important; box-sizing: border-box !important;
	color: #102a43 !important; display: block !important; font: inherit !important; height: auto !important;
	line-height: 1.35 !important; min-height: 48px !important; opacity: 1 !important;
	padding: 10px 14px !important; visibility: visible !important; width: 100% !important;
}
.dpz-client-portal .dpz-client-form input[readonly],
.dpz-client-form-section .dpz-client-form input[readonly] { background: #f4f7fa !important; color: #627d98 !important; }
.dpz-client-portal .dpz-client-form-wide,
.dpz-client-form-section .dpz-client-form-wide { grid-column: 1 / -1 !important; }
@media (max-width: 1024px) {
	.dpz-client-portal { grid-template-columns: 200px minmax(0, 1fr); }
	.dpz-client-portal-content { padding: 22px; }
	.dpz-client-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
	.dpz-verification { border-radius: 20px; margin: 16px auto; padding: 24px; }
	.dpz-verification-topbar, .dpz-verification-header { align-items: flex-start; flex-direction: column; }
	.dpz-verification-header { gap: 16px; }
	.dpz-client-portal { grid-template-columns: minmax(0, 1fr); }
	.dpz-client-portal-nav { display: flex; flex-direction: row; gap: 8px; overflow-x: auto; padding: 12px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
	.dpz-client-portal-nav a { flex: 0 0 auto; scroll-snap-align: start; white-space: nowrap; }
	.dpz-client-portal-content { padding: 18px; }
	.dpz-client-product-grid, .dpz-client-download-grid, .dpz-client-payment-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
	.dpz-verification { border-radius: 16px; padding: 18px; }
	.dpz-verification-logo { max-height: 70px; max-width: 150px; }
	.dpz-verification h2 { font-size: clamp(28px, 10vw, 38px); }
	.dpz-verification-form { padding: 16px; }
	.dpz-verification-form-row { grid-template-columns: minmax(0, 1fr); }
	.dpz-verification-form button { width: 100%; }
	.dpz-verification-status { align-items: flex-start; padding: 20px; }
	.dpz-verification-details { grid-template-columns: minmax(0, 1fr); }
	.dpz-verification-details > div, .dpz-verification-details > div:nth-child(even) { border-right: 0; padding: 18px 20px; }
	.dpz-client-portal { border-radius: 14px; }
	.dpz-client-portal-content { padding: 14px; }
	.dpz-client-dashboard-header { align-items: flex-start; border-radius: 14px; flex-direction: column; padding: 20px; }
	.dpz-client-stat-grid, .dpz-client-performance-grid,
	.dpz-client-portal .dpz-client-form-grid, .dpz-client-form-section .dpz-client-form-grid { grid-template-columns: minmax(0, 1fr) !important; }
	.dpz-client-portal .dpz-client-form-wide, .dpz-client-form-section .dpz-client-form-wide { grid-column: auto !important; }
	.dpz-client-product-top, .dpz-client-download-card { align-items: flex-start; flex-direction: column; }
	.dpz-client-product-actions, .dpz-client-download-actions { width: 100%; }
	.dpz-client-product-actions a, .dpz-client-download-actions a,
	.dpz-client-primary-button, .dpz-client-logout-button { text-align: center; width: 100%; }
	.dpz-client-table { min-width: 680px; }
}

/* ===== DPZ v1.4.4 responsive downloads and website palette ===== */
.dpz-verification {
	--dpz-primary: #0b4f9c;
	--dpz-brand-navy: #082f5b;
	--dpz-brand-red: #cd190a;
}

.dpz-verification-company {
	color: var(--dpz-brand-red);
}

.dpz-verification h2 {
	color: var(--dpz-brand-navy);
}

.dpz-verification-form button,
.dpz-generator-shortcode-button {
	background: var(--dpz-primary);
	border-color: var(--dpz-primary);
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.dpz-verification-form button:hover,
.dpz-verification-form button:focus-visible,
.dpz-generator-shortcode-button:hover,
.dpz-generator-shortcode-button:focus-visible {
	background: var(--dpz-brand-red);
	border-color: var(--dpz-brand-red);
	box-shadow: 0 8px 20px rgba(205, 25, 10, 0.22);
	filter: none;
	transform: translateY(-1px);
}

.dpz-client-portal,
.dpz-client-dashboard,
.dpz-client-table-section,
.dpz-client-downloads {
	--dpz-portal-brand-red: #cd190a;
	--dpz-portal-brand-navy: #082f5b;
}

.dpz-client-section-heading h2,
.dpz-client-section-heading h3,
.dpz-client-download-card h3,
.dpz-client-product-top h4 {
	color: var(--dpz-portal-brand-navy);
}

.dpz-client-product-top > div > span,
.dpz-client-download-card > div > span {
	color: var(--dpz-portal-brand-red);
}

.dpz-client-download-grid {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
}

.dpz-client-download-card {
	align-items: center;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) auto;
	min-width: 0;
	width: 100%;
}

.dpz-client-download-card > div:first-child {
	min-width: 0;
}

.dpz-client-download-card h3 {
	hyphens: auto;
	overflow-wrap: anywhere;
	word-break: normal;
}

.dpz-client-download-actions {
	flex-wrap: nowrap;
	justify-content: flex-end;
	min-width: max-content;
}

.dpz-client-download-actions a,
.dpz-client-product-actions a {
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.dpz-client-download-actions a:hover,
.dpz-client-download-actions a:focus-visible,
.dpz-client-product-actions a:hover,
.dpz-client-product-actions a:focus-visible {
	background: var(--dpz-portal-brand-red);
	border-color: var(--dpz-portal-brand-red);
	box-shadow: 0 7px 18px rgba(205, 25, 10, 0.18);
	color: #ffffff;
	transform: translateY(-1px);
}

@media (max-width: 900px) {
	.dpz-client-download-card {
		grid-template-columns: minmax(0, 1fr);
	}

	.dpz-client-download-actions {
		justify-content: flex-start;
		min-width: 0;
	}
}

@media (max-width: 640px) {
	.dpz-verification-route {
		padding-left: 12px;
		padding-right: 12px;
	}

	.dpz-verification {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.dpz-verification-header,
	.dpz-verification-topbar {
		width: 100%;
	}

	.dpz-verification-form-row {
		gap: 12px;
	}

	.dpz-client-download-actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		width: 100%;
	}

	.dpz-client-download-actions a {
		box-sizing: border-box;
		text-align: center;
		width: 100%;
	}
}

/* ==========================================================================
   DPZ-Testsiegel prüfen Widget ([dpz_verify_box] / [dpz_quick_verify])
   Exact match to official DPZ live design
   ========================================================================== */
.dpz-testsiegel-card,
.dpz-verify-box-card {
	background: #ffffff;
	border: 1px solid #eef2f6;
	border-radius: 24px;
	box-shadow: 0 10px 30px rgba(10, 37, 64, 0.05);
	box-sizing: border-box;
	margin: 20px auto;
	padding: 28px 32px;
	position: relative;
	text-align: left;
	width: 100%;
}

.dpz-testsiegel-title {
	color: #0a2540;
	font-family: inherit;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.25;
	margin: 0 0 18px 0;
	padding: 0;
}

.dpz-testsiegel-form,
.dpz-verify-box-form {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

.dpz-testsiegel-input-wrap {
	position: relative;
	width: 100%;
}

.dpz-testsiegel-input,
.dpz-verify-box-input {
	background: #ffffff;
	border: 1px solid #dcdfe4;
	border-radius: 12px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02);
	box-sizing: border-box;
	color: #0f172a;
	font-family: inherit;
	font-size: 15px;
	height: 52px;
	line-height: 52px;
	outline: none;
	padding: 0 48px 0 18px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	width: 100%;
}

.dpz-testsiegel-input:focus,
.dpz-verify-box-input:focus {
	border-color: #0a2540;
	box-shadow: 0 0 0 3px rgba(10, 37, 64, 0.12);
}

.dpz-testsiegel-input::placeholder,
.dpz-verify-box-input::placeholder {
	color: #94a3b8;
	font-size: 14px;
}

.dpz-testsiegel-search-btn {
	align-items: center;
	background: transparent;
	border: none;
	color: #0a2540;
	cursor: pointer;
	display: flex;
	height: 42px;
	justify-content: center;
	padding: 0;
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	transition: color 0.2s ease, transform 0.15s ease;
	width: 42px;
}

.dpz-testsiegel-search-btn:hover {
	color: #0056b3;
	transform: translateY(-50%) scale(1.1);
}

.dpz-testsiegel-search-btn:active {
	transform: translateY(-50%) scale(0.95);
}

.dpz-testsiegel-search-btn.is-loading .dpz-search-svg {
	display: none;
}

.dpz-testsiegel-search-btn.is-loading::after {
	animation: dpz-spin 0.7s linear infinite;
	border: 2px solid #cbd5e1;
	border-radius: 50%;
	border-top-color: #0a2540;
	content: '';
	height: 18px;
	width: 18px;
}

@keyframes dpz-spin {
	to { transform: rotate(360deg); }
}

.dpz-testsiegel-trust-note {
	align-items: center;
	display: flex;
	gap: 8px;
	margin-top: 14px;
}

.dpz-trust-check-icon {
	align-items: center;
	display: inline-flex;
	flex-shrink: 0;
}

.dpz-trust-text {
	color: #334155;
	font-size: 13.5px;
	font-weight: 500;
	letter-spacing: -0.01em;
	line-height: 1.4;
}

.dpz-testsiegel-result,
.dpz-verify-box-result {
	margin-top: 18px;
}

.dpz-box-result-card {
	animation: dpz-fadeIn 0.25s ease-out;
	border-radius: 14px;
	box-sizing: border-box;
	padding: 18px 20px;
}

@keyframes dpz-fadeIn {
	from { opacity: 0; transform: translateY(4px); }
	to { opacity: 1; transform: translateY(0); }
}

.dpz-box-result-card.dpz-box-status-valid {
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
}

.dpz-box-result-card.dpz-box-status-expired,
.dpz-box-result-card.dpz-box-status-revoked {
	background: #fffbeb;
	border: 1px solid #fde68a;
}

.dpz-box-result-header {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 12px;
}

.dpz-box-badge {
	align-items: center;
	border-radius: 20px;
	display: inline-flex;
	font-size: 13px;
	font-weight: 700;
	gap: 6px;
	padding: 4px 10px;
}

.dpz-box-badge-valid {
	background: #16a34a;
	color: #ffffff;
}

.dpz-box-badge-expired,
.dpz-box-badge-revoked {
	background: #d97706;
	color: #ffffff;
}

.dpz-box-dot {
	background: currentColor;
	border-radius: 50%;
	display: inline-block;
	height: 7px;
	width: 7px;
}

.dpz-box-cert-id {
	color: #64748b;
	font-family: monospace;
	font-size: 14px;
	font-weight: 700;
}

.dpz-box-product {
	color: #0f172a;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
	margin-bottom: 10px;
}

.dpz-box-meta-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 20px;
	margin-bottom: 14px;
}

.dpz-box-meta-item {
	color: #475569;
	font-size: 14px;
}

.dpz-box-meta-lbl {
	color: #64748b;
	margin-right: 4px;
}

.dpz-box-meta-item strong {
	color: #0f172a;
}

.dpz-box-result-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.dpz-box-action-btn {
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.1s ease;
}

.dpz-box-btn-primary {
	background: #0056b3;
	color: #ffffff !important;
}

.dpz-box-btn-primary:hover {
	background: #004494;
}

.dpz-box-btn-secondary {
	background: #e2e8f0;
	color: #0f172a !important;
}

.dpz-box-btn-secondary:hover {
	background: #cbd5e1;
}

.dpz-box-error-alert {
	animation: dpz-fadeIn 0.25s ease-out;
	background: #fef2f2;
	border: 1px solid #fecaca;
	border-radius: 12px;
	color: #991b1b;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	padding: 14px 18px;
}

/* ==========================================================================
   Comprehensive Mobile & Tablet Responsiveness Suite
   ========================================================================== */

/* Tablet Optimization (Screen width <= 991px) */
@media screen and (max-width: 991px) {
	.dpz-testsiegel-card,
	.dpz-verify-box-card {
		border-radius: 20px;
		padding: 24px 26px;
	}

	.dpz-testsiegel-title {
		font-size: 22px;
		margin-bottom: 16px;
	}

	.dpz-client-portal-wrap,
	.dpz-client-dashboard {
		padding: 16px;
	}

	.dpz-client-stats-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}

	.dpz-my-certificates-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 16px !important;
	}

	.dpz-client-table-wrap,
	.dpz-table-wrap {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		max-width: 100% !important;
		border-radius: 12px;
	}

	.dpz-client-table,
	.dpz-table {
		min-width: 600px;
	}
}

/* Mobile Optimization (Screen width <= 767px) */
@media screen and (max-width: 767px) {
	.dpz-testsiegel-card,
	.dpz-verify-box-card {
		border-radius: 18px;
		margin: 16px auto;
		padding: 20px 18px;
	}

	.dpz-testsiegel-title {
		font-size: 20px;
		margin-bottom: 14px;
	}

	.dpz-testsiegel-input,
	.dpz-verify-box-input {
		font-size: 14px;
		height: 48px;
		line-height: 48px;
		padding: 0 42px 0 14px;
	}

	.dpz-testsiegel-search-btn {
		height: 38px;
		right: 4px;
		width: 38px;
	}

	.dpz-trust-text {
		font-size: 12.5px;
	}

	/* Client Portal Tabs: horizontal touch scroll on mobile */
	.dpz-client-nav-tabs,
	.um-account-nav,
	.dpz-portal-tabs {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		gap: 8px !important;
		padding-bottom: 8px !important;
		margin-bottom: 16px !important;
		scrollbar-width: thin;
	}

	.dpz-client-nav-tabs a,
	.dpz-portal-tabs a {
		flex-shrink: 0 !important;
		padding: 8px 14px !important;
		font-size: 13px !important;
		white-space: nowrap !important;
	}

	/* Dashboard Stats: single column on phones */
	.dpz-client-stats-grid {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
	}

	/* My Certificates Cards: single column on phones */
	.dpz-my-certificates-grid {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 16px !important;
	}

	.dpz-cert-card-actions {
		display: flex !important;
		flex-direction: column !important;
		gap: 8px !important;
		width: 100% !important;
	}

	.dpz-cert-card-actions a,
	.dpz-cert-card-actions button {
		text-align: center !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Official Report page responsiveness */
	.dpz-report-card,
	.dpz-report-banner {
		padding: 18px 16px !important;
		border-radius: 14px !important;
	}

	.dpz-report-specs-grid {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 10px !important;
	}

	.dpz-report-actions {
		flex-direction: column !important;
		gap: 10px !important;
	}

	.dpz-report-actions a {
		width: 100% !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}

	/* Certificate Viewer page responsiveness */
	.dpz-viewer-wrap {
		padding: 12px !important;
	}

	.dpz-viewer-image {
		max-width: 100% !important;
		height: auto !important;
	}
}

/* Extra Small Mobile (Screen width <= 480px) */
@media screen and (max-width: 480px) {
	.dpz-testsiegel-card,
	.dpz-verify-box-card {
		border-radius: 16px;
		padding: 16px 14px;
	}

	.dpz-testsiegel-title {
		font-size: 18px;
	}

	.dpz-box-result-card {
		padding: 14px 12px;
	}

	.dpz-box-result-actions {
		flex-direction: column;
	}

	.dpz-box-action-btn {
		justify-content: center;
		text-align: center;
		width: 100%;
		box-sizing: border-box;
	}
}