/**
 * Digalco My Account — B2B Customer Portal Design System
 *
 * Ground-up visual & interaction architecture for the authenticated B2B portal:
 * Dashboard, Orders, Account Details (Fiscal Ledger + Credentials),
 * Addresses (Woo Address Book), and Post-Sales Services / RMA (#root).
 *
 * @package Digalco_Theme
 * @version 5.0.0
 */

/* ==========================================================================
   1. DESIGN TOKENS
   ========================================================================== */
:root {
	/* Brand & Action Hierarchy */
	--dg-acc-navy: #113a73;
	--dg-acc-navy-hover: #0b254b;
	--dg-acc-navy-subtle: #eff6ff;
	--dg-acc-blue: #0085ca;
	--dg-acc-blue-hover: #0369a1;

	/* Surfaces & Elevation */
	--dg-acc-canvas: #f8fafc;
	--dg-acc-surface: #ffffff;
	--dg-acc-surface-muted: #f8fafc;
	--dg-acc-surface-subtle: #f1f5f9;

	/* Borders & Hairlines */
	--dg-acc-border: #e2e8f0;
	--dg-acc-border-strong: #cbd5e1;
	--dg-acc-border-subtle: #f1f5f9;
	--dg-acc-focus-ring: rgba(0, 133, 202, 0.22);

	/* Typography Colors */
	--dg-acc-ink-900: #0f172a;
	--dg-acc-ink-700: #334155;
	--dg-acc-ink-600: #475569;
	--dg-acc-ink-500: #64748b;
	--dg-acc-ink-400: #94a3b8;

	/* Semantic Status Tokens */
	--dg-acc-emerald-bg: #ecfdf5;
	--dg-acc-emerald-text: #065f46;
	--dg-acc-emerald-border: #a7f3d0;
	--dg-acc-emerald-dot: #10b981;

	--dg-acc-sky-bg: #f0f9ff;
	--dg-acc-sky-text: #075985;
	--dg-acc-sky-border: #bae6fd;
	--dg-acc-sky-dot: #0284c7;

	--dg-acc-amber-bg: #fffbeb;
	--dg-acc-amber-text: #92400e;
	--dg-acc-amber-border: #fde68a;
	--dg-acc-amber-dot: #f59e0b;

	--dg-acc-rose-bg: #fef2f2;
	--dg-acc-rose-text: #991b1b;
	--dg-acc-rose-border: #fecaca;
	--dg-acc-rose-dot: #ef4444;

	--dg-acc-slate-bg: #f1f5f9;
	--dg-acc-slate-text: #334155;
	--dg-acc-slate-border: #cbd5e1;
	--dg-acc-slate-dot: #64748b;

	/* Radii & Shadows */
	--dg-acc-radius-lg: 12px;
	--dg-acc-radius-md: 8px;
	--dg-acc-radius-sm: 6px;
	--dg-acc-shadow-card: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);
	--dg-acc-shadow-hover: 0 8px 20px -4px rgba(15, 23, 42, 0.07), 0 2px 6px -1px rgba(15, 23, 42, 0.04);

	/* Typography Families */
	--dg-acc-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--dg-acc-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* ==========================================================================
   2. CRITICAL VISIBILITY GUARD (NEVER OVERRIDE INLINE DISPLAY:NONE)
   ========================================================================== */
.woocommerce-account [style*="display:none"],
.woocommerce-account [style*="display: none"],
.woocommerce-account [hidden] {
	display: none !important;
}

/* ==========================================================================
   3. WORKSPACE SHELL & DESKTOP CANVAS (1440px & 1920px — AUTHENTICATED PORTAL)
   ========================================================================== */
html:has(body.logged-in.woocommerce-account),
body.logged-in.woocommerce-account,
body.logged-in.woocommerce-account #page {
	background-color: var(--dg-acc-canvas) !important;
	color: var(--dg-acc-ink-900);
	font-family: var(--dg-acc-font-sans);
	-webkit-font-smoothing: antialiased;
}

body.logged-in.woocommerce-account #page-wrapper,
body.logged-in.woocommerce-account #full-width-page-wrapper,
body.logged-in.woocommerce-account #no-title-page-wrapper,
body.logged-in.woocommerce-account #woocommerce-wrapper,
body.logged-in.woocommerce-account #page > .wrapper:not(#wrapper-footer-full):not(#wrapper-footer) {
	background-color: var(--dg-acc-canvas) !important;
	padding-top: 24px !important;
	padding-bottom: 84px !important;
}

body.logged-in.woocommerce-account #page #content,
body.logged-in.woocommerce-account .site-main > article > .entry-content > .woocommerce {
	background-color: transparent !important;
	max-width: 1440px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 28px !important;
	padding-right: 28px !important;
}

@media (min-width: 1680px) {
	body.logged-in.woocommerce-account #page #content,
	body.logged-in.woocommerce-account .site-main > article > .entry-content > .woocommerce {
		max-width: 1560px !important;
		padding-left: 36px !important;
		padding-right: 36px !important;
	}
}

body.logged-in.woocommerce-account .site-main > article > .entry-content > .woocommerce {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Hide empty WP entry-header on authenticated portal views so there is no dead gap above the workspace grid */
body.logged-in.woocommerce-account #page #content .entry-header {
	display: none !important;
}

/* Neutralize legacy style.custom.css h2/h3/h4 underlines and font-size overrides inside authenticated portal */
body.logged-in.woocommerce-account #page #content h1,
body.logged-in.woocommerce-account #page #content h2,
body.logged-in.woocommerce-account #page #content h3,
body.logged-in.woocommerce-account #page #content h4 {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

/* Authenticated Two-Column Workspace Grid */
body.logged-in.woocommerce-account .woocommerce {
	display: grid !important;
	grid-template-columns: 260px minmax(0, 1fr) !important;
	gap: 28px !important;
	align-items: start !important;
}

@media (min-width: 1680px) {
	body.logged-in.woocommerce-account .woocommerce {
		grid-template-columns: 272px minmax(0, 1fr) !important;
		gap: 36px !important;
	}
}

body.logged-in.woocommerce-account .woocommerce::before,
body.logged-in.woocommerce-account .woocommerce::after {
	display: none !important;
}

/* Ensure notices span across top of grid */
body.logged-in.woocommerce-account .woocommerce > .woocommerce-notices-wrapper {
	grid-column: 1 / -1 !important;
	margin-bottom: -12px;
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation,
body.logged-in.woocommerce-account .woocommerce-MyAccount-content {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-content {
	min-width: 0 !important;
}

@media (max-width: 991.98px) {
	body.logged-in.woocommerce-account .woocommerce {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}
}

/* Unauthenticated Account Screens (Login, Registration, Lost Password) — Full-Width Independent Layout */
body.woocommerce-account:not(.logged-in) .woocommerce {
	display: block !important;
	width: 100% !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login .password-input,
body.woocommerce-account:not(.logged-in) .lost_reset_password .password-input {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: 100%;
}

body.woocommerce-account:not(.logged-in) .lost_reset_password .form-row input.input-text {
	width: 100% !important;
}

/* ==========================================================================
   4. LEFT NAVIGATION RAIL (.dg-account-nav)
   ========================================================================== */
.dg-account-nav,
body.woocommerce-account #page #content .woocommerce-MyAccount-navigation.dg-account-nav {
	background-color: var(--dg-acc-surface) !important;
	border: 1px solid var(--dg-acc-border) !important;
	border-radius: var(--dg-acc-radius-lg) !important;
	box-shadow: var(--dg-acc-shadow-card) !important;
	padding: 14px !important;
	position: sticky;
	top: 24px;
}

/* Corporate Identity Header inside Left Rail */
.dg-account-nav__identity {
	padding: 10px 10px 14px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--dg-acc-border);
}

.dg-account-nav__identity-top {
	display: flex;
	align-items: center;
	gap: 11px;
}

.dg-account-nav__avatar {
	width: 38px;
	height: 38px;
	min-width: 38px;
	border-radius: 9px;
	background: linear-gradient(135deg, var(--dg-acc-navy) 0%, #1e4e8c 100%);
	color: #ffffff;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.dg-account-nav__identity-meta {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.dg-account-nav__user-name {
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--dg-acc-ink-900);
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dg-account-nav__company {
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--dg-acc-ink-500);
	line-height: 1.3;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.dg-account-nav__role-row {
	margin-top: 10px;
	padding: 5px 9px;
	background-color: var(--dg-acc-surface-muted);
	border: 1px solid var(--dg-acc-border);
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	max-width: 100%;
}

.dg-account-nav__role-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	flex-shrink: 0;
	background-color: var(--dg-acc-slate-dot);
}

.dg-account-nav__role-dot--distributor {
	background-color: var(--dg-acc-emerald-dot);
	box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.16);
}

.dg-account-nav__role-dot--pending {
	background-color: var(--dg-acc-amber-dot);
}

.dg-account-nav__role-text {
	font-size: 0.72rem;
	font-weight: 600;
	color: var(--dg-acc-ink-700);
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dg-account-nav__section-label {
	font-size: 0.6875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: var(--dg-acc-ink-400);
	padding: 4px 12px 6px;
}

.dg-account-nav__list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.dg-account-nav__item,
body.woocommerce-account #page #content .dg-account-nav li,
body.woocommerce-account #page #content .dg-account-nav li.list-group-item,
body.woocommerce-account #page #content .dg-account-nav li.list-group-item.active {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	background-color: transparent !important;
	list-style: none !important;
}

/* Strip legacy FontAwesome ::before glyphs from style.custom.css and dg-woo.css */
body.woocommerce-account #page #content .dg-account-nav li::before,
body.woocommerce-account #page #content .dg-account-nav li::after,
body.woocommerce-account #page #content .dg-account-nav a::before,
body.woocommerce-account #page #content .dg-account-nav a::after {
	display: none !important;
	content: none !important;
}

.dg-account-nav__link,
body.woocommerce-account #page #content .dg-account-nav a.dg-account-nav__link {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 10px !important;
	height: auto !important;
	min-height: 40px !important;
	padding: 8px 12px !important;
	margin: 0 !important;
	border: none !important;
	border-radius: var(--dg-acc-radius-md) !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	color: var(--dg-acc-ink-700) !important;
	background-color: transparent !important;
	text-decoration: none !important;
	transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
	position: relative;
}

.dg-account-nav__icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	color: var(--dg-acc-ink-500);
	transition: color 0.15s ease;
}

body.woocommerce-account #page #content .dg-account-nav a.dg-account-nav__link:hover {
	background-color: var(--dg-acc-surface-muted) !important;
	color: var(--dg-acc-ink-900) !important;
}

body.woocommerce-account #page #content .dg-account-nav a.dg-account-nav__link:hover .dg-account-nav__icon {
	color: var(--dg-acc-navy);
}

body.woocommerce-account #page #content .dg-account-nav__item.is-active > a.dg-account-nav__link,
body.woocommerce-account #page #content .dg-account-nav a.dg-account-nav__link.is-active {
	background-color: var(--dg-acc-navy-subtle) !important;
	color: var(--dg-acc-navy) !important;
	font-weight: 600 !important;
	box-shadow: inset 3px 0 0 var(--dg-acc-blue) !important;
}

body.woocommerce-account #page #content .dg-account-nav__item.is-active > a.dg-account-nav__link .dg-account-nav__icon,
body.woocommerce-account #page #content .dg-account-nav a.dg-account-nav__link.is-active .dg-account-nav__icon {
	color: var(--dg-acc-blue);
}

/* Session Logout Footer — Neutral Session Action (NEVER destructive red) */
.dg-account-nav__footer {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--dg-acc-border);
}

.dg-account-nav__link--logout {
	color: var(--dg-acc-ink-500) !important;
	font-weight: 500;
}

.dg-account-nav__link--logout .dg-account-nav__icon {
	color: var(--dg-acc-ink-400);
}

.dg-account-nav__link--logout:hover {
	background-color: var(--dg-acc-surface-subtle) !important;
	color: var(--dg-acc-ink-900) !important;
}

.dg-account-nav__link--logout:hover .dg-account-nav__icon {
	color: var(--dg-acc-ink-700);
}

/* ==========================================================================
   5. TYPOGRAPHY, PAGE HEADERS & SHARED SURFACES
   ========================================================================== */
.dg-account-eyebrow {
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: var(--dg-acc-blue);
	margin-bottom: 4px;
}

.dg-account-page-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 22px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--dg-acc-border);
}

.dg-account-page-header__title {
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	letter-spacing: -0.025em !important;
	color: var(--dg-acc-ink-900) !important;
	line-height: 1.25 !important;
	margin: 0 0 4px 0 !important;
}

.dg-account-page-header__subtitle {
	font-size: 0.875rem !important;
	color: var(--dg-acc-ink-500) !important;
	line-height: 1.5 !important;
	margin: 0 !important;
	max-width: 72ch;
}

/* Section Bars */
.dg-section-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.dg-section-bar__titles {
	display: flex;
	align-items: baseline;
	gap: 12px;
	flex-wrap: wrap;
}

.dg-section-bar__title {
	font-size: 1.0625rem !important;
	font-weight: 700 !important;
	letter-spacing: -0.015em !important;
	color: var(--dg-acc-ink-900) !important;
	margin: 0 !important;
}

.dg-section-bar__subtitle {
	font-size: 0.8125rem;
	color: var(--dg-acc-ink-500);
}

/* Base Card Surface */
.dg-account-card {
	background-color: var(--dg-acc-surface);
	border: 1px solid var(--dg-acc-border);
	border-radius: var(--dg-acc-radius-lg);
	box-shadow: var(--dg-acc-shadow-card);
}

.dg-account-card__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 16px;
	margin-bottom: 18px;
	border-bottom: 1px solid var(--dg-acc-border);
}

.dg-account-card__header-main {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.dg-account-card__header-icon {
	width: 34px;
	height: 34px;
	min-width: 34px;
	border-radius: 8px;
	background-color: var(--dg-acc-navy-subtle);
	color: var(--dg-acc-navy);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
}

.dg-account-card__title {
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-ink-900) !important;
	letter-spacing: -0.01em !important;
	line-height: 1.3 !important;
	margin: 0 0 2px 0 !important;
}

.dg-account-card__subtitle {
	font-size: 0.8125rem !important;
	color: var(--dg-acc-ink-500) !important;
	line-height: 1.45 !important;
	margin: 0 !important;
}

/* Monospace & Code Tokens */
.dg-mono-code {
	font-family: var(--dg-acc-font-mono);
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--dg-acc-ink-900);
	background-color: var(--dg-acc-surface-subtle);
	border: 1px solid var(--dg-acc-border);
	border-radius: 5px;
	padding: 2px 7px;
	letter-spacing: 0.01em;
}

.dg-cell-muted {
	color: var(--dg-acc-ink-400);
	font-size: 0.8125rem;
}

/* ==========================================================================
   6. UNIFIED BUTTON SYSTEM (.dg-btn)
   ========================================================================== */
body.logged-in.woocommerce-account #page #content .dg-btn:not([style*="display:none"]):not([style*="display: none"]):not([hidden]),
body.logged-in.woocommerce-account #page #content .button:not([style*="display:none"]):not([style*="display: none"]):not([hidden]),
body.logged-in.woocommerce-account #page #content .wp-element-button:not([style*="display:none"]):not([style*="display: none"]):not([hidden]) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	height: 38px !important;
	min-height: 38px !important;
	width: auto !important;
	min-width: 0 !important;
	flex: 0 0 auto !important;
	margin: 0 !important;
	padding: 0 15px !important;
	border-radius: var(--dg-acc-radius-md) !important;
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.84375rem !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
	border: 1px solid transparent !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

body.logged-in.woocommerce-account #page #content .dg-btn--sm:not([style*="display:none"]):not([style*="display: none"]):not([hidden]),
body.logged-in.woocommerce-account #page #content a.dg-btn--sm:not([style*="display:none"]):not([style*="display: none"]):not([hidden]),
body.logged-in.woocommerce-account #page #content button.dg-btn--sm:not([style*="display:none"]):not([style*="display: none"]):not([hidden]) {
	height: 30px !important;
	min-height: 30px !important;
	padding: 0 10px !important;
	font-size: 0.75rem !important;
	border-radius: var(--dg-acc-radius-sm) !important;
}

/* Primary: Digalco Navy */
.dg-btn--primary,
.woocommerce-account button.dg-btn--primary,
.woocommerce-account a.dg-btn--primary,
.woocommerce-account .woocommerce-address-fields button[type="submit"] {
	background-color: var(--dg-acc-navy) !important;
	border-color: var(--dg-acc-navy) !important;
	color: #ffffff !important;
}

.dg-btn--primary:hover,
.woocommerce-account button.dg-btn--primary:hover,
.woocommerce-account a.dg-btn--primary:hover,
.woocommerce-account .woocommerce-address-fields button[type="submit"]:hover {
	background-color: var(--dg-acc-navy-hover) !important;
	border-color: var(--dg-acc-navy-hover) !important;
	color: #ffffff !important;
}

/* Secondary: Crisp Outlined Surface */
.dg-btn--secondary,
.woocommerce-account a.dg-btn--secondary,
.woocommerce-account button.dg-btn--secondary {
	background-color: var(--dg-acc-surface) !important;
	border-color: var(--dg-acc-border-strong) !important;
	color: var(--dg-acc-ink-700) !important;
}

.dg-btn--secondary:hover,
.woocommerce-account a.dg-btn--secondary:hover,
.woocommerce-account button.dg-btn--secondary:hover {
	background-color: var(--dg-acc-surface-muted) !important;
	border-color: var(--dg-acc-ink-400) !important;
	color: var(--dg-acc-ink-900) !important;
}

/* Tertiary: Subtle Slate-Tint Action */
.dg-btn--tertiary,
.woocommerce-account a.dg-btn--tertiary,
.woocommerce-account button.dg-btn--tertiary {
	background-color: var(--dg-acc-surface-subtle) !important;
	border-color: transparent !important;
	color: var(--dg-acc-navy) !important;
	box-shadow: none !important;
}

.dg-btn--tertiary:hover,
.woocommerce-account a.dg-btn--tertiary:hover,
.woocommerce-account button.dg-btn--tertiary:hover {
	background-color: #e0f2fe !important;
	color: var(--dg-acc-blue-hover) !important;
}

/* Ghost Danger: Destructive Data Action (Cancel Order / Delete Address) */
.dg-btn--ghost-danger,
.woocommerce-account a.dg-btn--ghost-danger,
.woocommerce-account button.dg-btn--ghost-danger {
	background-color: var(--dg-acc-surface) !important;
	border-color: var(--dg-acc-rose-border) !important;
	color: var(--dg-acc-rose-text) !important;
	box-shadow: none !important;
}

.dg-btn--ghost-danger:hover,
.woocommerce-account a.dg-btn--ghost-danger:hover,
.woocommerce-account button.dg-btn--ghost-danger:hover {
	background-color: var(--dg-acc-rose-bg) !important;
	border-color: #f87171 !important;
	color: #7f1d1d !important;
}

/* Focus Ring */
.dg-btn:focus-visible,
.woocommerce-account .button:focus-visible {
	outline: none !important;
	box-shadow: 0 0 0 3px var(--dg-acc-focus-ring) !important;
}

/* ==========================================================================
   7. SEMANTIC STATUS BADGES (.dg-status-badge)
   ========================================================================== */
.dg-status-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.25;
	white-space: nowrap;
	border: 1px solid var(--dg-acc-slate-border);
	background-color: var(--dg-acc-slate-bg);
	color: var(--dg-acc-slate-text);
}

.dg-status-badge__dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: currentColor;
	flex-shrink: 0;
}

/* Completed / Authorized Distributor */
.dg-status-badge--completed,
.dg-status-badge--distributor {
	background-color: var(--dg-acc-emerald-bg);
	border-color: var(--dg-acc-emerald-border);
	color: var(--dg-acc-emerald-text);
}

.dg-status-badge--completed .dg-status-badge__dot {
	background-color: var(--dg-acc-emerald-dot);
}

/* Processing */
.dg-status-badge--processing {
	background-color: var(--dg-acc-sky-bg);
	border-color: var(--dg-acc-sky-border);
	color: var(--dg-acc-sky-text);
}

.dg-status-badge--processing .dg-status-badge__dot {
	background-color: var(--dg-acc-sky-dot);
}

/* Pending / On-Hold / Validation */
.dg-status-badge--pending,
.dg-status-badge--on-hold {
	background-color: var(--dg-acc-amber-bg);
	border-color: var(--dg-acc-amber-border);
	color: var(--dg-acc-amber-text);
}

.dg-status-badge--pending .dg-status-badge__dot,
.dg-status-badge--on-hold .dg-status-badge__dot {
	background-color: var(--dg-acc-amber-dot);
}

/* Cancelled / Failed */
.dg-status-badge--cancelled,
.dg-status-badge--failed {
	background-color: var(--dg-acc-rose-bg);
	border-color: var(--dg-acc-rose-border);
	color: var(--dg-acc-rose-text);
}

.dg-status-badge--cancelled .dg-status-badge__dot,
.dg-status-badge--failed .dg-status-badge__dot {
	background-color: var(--dg-acc-rose-dot);
}

/* Read-only / Neutral / Refunded */
.dg-status-badge--readonly,
.dg-status-badge--neutral,
.dg-status-badge--refunded {
	background-color: var(--dg-acc-slate-bg);
	border-color: var(--dg-acc-border);
	color: var(--dg-acc-ink-600);
}

/* ==========================================================================
   8. DASHBOARD — B2B COMMAND CENTER (.dg-account-dashboard)
   ========================================================================== */
.dg-account-dashboard {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

/* Executive Identity & KPI Snapshot Card */
.dg-account-profile-card {
	background-color: var(--dg-acc-surface);
	border: 1px solid var(--dg-acc-border);
	border-top: 3px solid var(--dg-acc-navy);
	border-radius: var(--dg-acc-radius-lg);
	box-shadow: var(--dg-acc-shadow-card);
	overflow: hidden;
}

.dg-account-profile-card__main {
	padding: 22px 26px 20px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.dg-account-profile-card__identity {
	max-width: 68ch;
}

.dg-account-profile-card__greeting {
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	letter-spacing: -0.025em !important;
	color: var(--dg-acc-ink-900) !important;
	margin: 2px 0 6px 0 !important;
	line-height: 1.25 !important;
}

.dg-account-profile-card__subtitle {
	font-size: 0.875rem !important;
	color: var(--dg-acc-ink-500) !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}

.dg-account-profile-card__status-col {
	flex-shrink: 0;
}

/* 3-Column KPI Snapshot Strip */
.dg-dashboard-kpi-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid var(--dg-acc-border);
	background-color: var(--dg-acc-surface-muted);
}

.dg-dashboard-kpi {
	padding: 15px 24px;
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.dg-dashboard-kpi + .dg-dashboard-kpi {
	border-left: 1px solid var(--dg-acc-border);
}

.dg-dashboard-kpi__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 2px;
}

.dg-dashboard-kpi__label {
	font-size: 0.6875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--dg-acc-ink-500);
}

.dg-dashboard-kpi__action {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--dg-acc-blue) !important;
	text-decoration: none !important;
}

.dg-dashboard-kpi__action:hover {
	color: var(--dg-acc-navy) !important;
}

.dg-dashboard-kpi__value {
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--dg-acc-ink-900);
	line-height: 1.35;
}

.dg-dashboard-kpi__meta {
	font-size: 0.78rem;
	color: var(--dg-acc-ink-500);
	line-height: 1.4;
}

@media (max-width: 991.98px) {
	.dg-dashboard-kpi-strip {
		grid-template-columns: 1fr;
	}
	.dg-dashboard-kpi + .dg-dashboard-kpi {
		border-left: none;
		border-top: 1px solid var(--dg-acc-border);
	}
}

/* Pending Distributor Banner */
.dg-account-alert--pending {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 20px;
	background-color: var(--dg-acc-amber-bg);
	border: 1px solid var(--dg-acc-amber-border);
	border-left: 4px solid var(--dg-acc-amber-dot);
	border-radius: var(--dg-acc-radius-md);
}

.dg-account-alert__icon {
	color: var(--dg-acc-amber-text);
	flex-shrink: 0;
}

.dg-account-alert__body {
	flex: 1;
}

.dg-account-alert__title {
	font-size: 0.9375rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-amber-text) !important;
	margin: 0 0 2px 0 !important;
}

.dg-account-alert__text {
	font-size: 0.8125rem !important;
	color: #78350f !important;
	margin: 0 !important;
	line-height: 1.45 !important;
}

/* Dashboard Recent Orders Panel */
.dg-dashboard-orders-panel {
	background-color: var(--dg-acc-surface);
	border: 1px solid var(--dg-acc-border);
	border-radius: var(--dg-acc-radius-lg);
	box-shadow: var(--dg-acc-shadow-card);
	padding: 20px 24px;
}

/* 4-Column Quick Modules Grid */
.dg-account-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

@media (max-width: 1199.98px) {
	.dg-account-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	.dg-account-grid {
		grid-template-columns: 1fr;
	}
}

.dg-account-card--interactive {
	padding: 18px 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
	text-decoration: none !important;
	transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.dg-account-card--interactive:hover {
	transform: translateY(-2px);
	box-shadow: var(--dg-acc-shadow-hover);
	border-color: var(--dg-acc-blue);
}

.dg-account-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.dg-account-card__icon {
	width: 38px;
	height: 38px;
	border-radius: 9px;
	background-color: var(--dg-acc-navy-subtle);
	color: var(--dg-acc-navy);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.16s ease, color 0.16s ease;
}

.dg-account-card--interactive:hover .dg-account-card__icon {
	background-color: var(--dg-acc-navy);
	color: #ffffff;
}

.dg-account-card__arrow {
	color: var(--dg-acc-ink-400);
	transition: transform 0.16s ease, color 0.16s ease;
}

.dg-account-card--interactive:hover .dg-account-card__arrow {
	transform: translateX(3px);
	color: var(--dg-acc-blue);
}

.dg-account-card--interactive .dg-account-card__title {
	font-size: 0.9375rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-ink-900) !important;
	margin: 0 0 4px 0 !important;
}

.dg-account-card__desc {
	font-size: 0.8125rem !important;
	color: var(--dg-acc-ink-500) !important;
	line-height: 1.45 !important;
	margin: 0 !important;
}

/* Commercial Support & Wire-Transfer Bar */
.dg-account-footer-info {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

@media (max-width: 991.98px) {
	.dg-account-footer-info {
		grid-template-columns: 1fr;
	}
}

.dg-account-footer-info__block {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 16px 20px;
	background-color: var(--dg-acc-surface);
	border: 1px solid var(--dg-acc-border);
	border-radius: var(--dg-acc-radius-md);
}

.dg-account-footer-info__icon {
	width: 34px;
	height: 34px;
	min-width: 34px;
	border-radius: 8px;
	background-color: var(--dg-acc-surface-subtle);
	color: var(--dg-acc-navy);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
}

.dg-account-footer-info__title {
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-ink-900) !important;
	margin: 0 0 3px 0 !important;
}

.dg-account-footer-info__text {
	font-size: 0.8125rem !important;
	color: var(--dg-acc-ink-600) !important;
	margin: 0 !important;
	line-height: 1.5 !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.dg-inline-contact {
	font-weight: 600;
	color: var(--dg-acc-navy) !important;
	text-decoration: none !important;
}

.dg-inline-contact:hover {
	color: var(--dg-acc-blue) !important;
	text-decoration: underline !important;
}

.dg-inline-sep {
	color: var(--dg-acc-ink-400);
}

.dg-inline-payment-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-weight: 600;
	color: var(--dg-acc-blue) !important;
}

.dg-inline-payment-link:hover {
	color: var(--dg-acc-navy) !important;
}

/* ==========================================================================
   9. ACCOUNT DETAILS — 2-COLUMN FISCAL LEDGER & CREDENTIALS SPLIT
   ========================================================================== */
.dg-account-details-split {
	display: grid;
	grid-template-columns: minmax(360px, 5fr) minmax(460px, 7fr);
	gap: 24px;
	align-items: start;
}

@media (max-width: 1199.98px) {
	.dg-account-details-split {
		grid-template-columns: 1fr;
	}
}

/* Left Column: Read-Only Fiscal Specification Ledger */
.dg-account-fiscal-card {
	padding: 22px 24px;
	position: sticky;
	top: 24px;
}

.dg-fiscal-ledger {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 !important;
	border: 1px solid var(--dg-acc-border);
	border-radius: var(--dg-acc-radius-md);
	background-color: var(--dg-acc-surface-muted);
	overflow: hidden;
}

.dg-fiscal-ledger__item {
	padding: 12px 15px;
	margin: 0 !important;
	border-bottom: 1px solid var(--dg-acc-border);
	border-right: 1px solid var(--dg-acc-border);
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.dg-fiscal-ledger__item--full {
	grid-column: 1 / -1;
	border-right: none;
}

.dg-fiscal-ledger__item:nth-child(3),
.dg-fiscal-ledger__item:nth-child(5) {
	border-right: none;
}

.dg-fiscal-ledger__item:last-child {
	border-bottom: none;
}

.dg-fiscal-ledger__term {
	font-size: 0.6875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.055em;
	color: var(--dg-acc-ink-500);
	line-height: 1.3;
}

.dg-fiscal-ledger__value {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--dg-acc-ink-900);
	line-height: 1.4;
	margin: 0 !important;
	word-break: break-word;
}

.dg-fiscal-ledger__value--strong {
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--dg-acc-ink-900);
}

.dg-fiscal-ledger__footer {
	margin-top: 16px;
	padding: 12px 14px;
	background-color: var(--dg-acc-navy-subtle);
	border: 1px solid #dbeafe;
	border-radius: var(--dg-acc-radius-md);
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.dg-fiscal-ledger__footer-icon {
	color: var(--dg-acc-navy);
	flex-shrink: 0;
	margin-top: 2px;
}

.dg-fiscal-ledger__footer-text {
	font-size: 0.78rem !important;
	color: var(--dg-acc-ink-700) !important;
	line-height: 1.45 !important;
	margin: 0 0 6px 0 !important;
}

.dg-fiscal-ledger__footer-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--dg-acc-navy) !important;
	text-decoration: none !important;
}

.dg-fiscal-ledger__footer-link:hover {
	color: var(--dg-acc-blue) !important;
	text-decoration: underline !important;
}

/* Right Column: Editable Access & Security Form */
.dg-account-access-card {
	padding: 24px 28px;
}

.dg-account-form__section + .dg-account-form__section {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid var(--dg-acc-border);
}

.dg-password-fieldset {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
	min-width: 0;
}

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

@media (max-width: 639.98px) {
	.dg-form-grid-2 {
		grid-template-columns: 1fr;
	}
}

.dg-form-grid-2 .form-row {
	margin-bottom: 0 !important;
}

/* Read-Only Registered Account Holder Identity Boxes */
.dg-readonly-identity-grid {
	margin-bottom: 16px;
}

.dg-readonly-field {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.dg-readonly-field__label {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--dg-acc-ink-700);
	line-height: 1.35;
	margin-bottom: 6px;
}

.dg-readonly-field__lock {
	color: var(--dg-acc-ink-400);
	flex-shrink: 0;
}

.dg-readonly-field__value {
	width: 100%;
	min-height: 40px;
	padding: 8px 13px;
	display: flex;
	align-items: center;
	font-family: var(--dg-acc-font-sans);
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--dg-acc-ink-600);
	background-color: var(--dg-acc-surface-subtle);
	border: 1px solid var(--dg-acc-border);
	border-radius: var(--dg-acc-radius-md);
	user-select: text;
}

/* Unified Form Controls (Scoped to Authenticated Portal) */
body.logged-in.woocommerce-account form .form-row {
	float: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 0 16px 0 !important;
	display: flex;
	flex-direction: column;
}

body.logged-in.woocommerce-account form .form-row label {
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	color: var(--dg-acc-ink-700) !important;
	line-height: 1.35 !important;
	margin-bottom: 6px !important;
}

body.logged-in.woocommerce-account form .form-row label .required {
	color: var(--dg-acc-blue) !important;
	text-decoration: none !important;
}

body.logged-in.woocommerce-account form .form-row input.input-text,
body.logged-in.woocommerce-account form .form-row textarea,
body.logged-in.woocommerce-account form .form-row select,
body.logged-in.woocommerce-account .select2-container--default .select2-selection--single {
	width: 100% !important;
	height: 40px !important;
	padding: 8px 13px !important;
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.875rem !important;
	font-weight: 400 !important;
	color: var(--dg-acc-ink-900) !important;
	background-color: var(--dg-acc-surface) !important;
	border: 1px solid var(--dg-acc-border-strong) !important;
	border-radius: var(--dg-acc-radius-md) !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

body.logged-in.woocommerce-account form .form-row textarea {
	height: auto !important;
	min-height: 88px !important;
}

body.logged-in.woocommerce-account form .form-row input.input-text:focus,
body.logged-in.woocommerce-account form .form-row textarea:focus,
body.logged-in.woocommerce-account form .form-row select:focus,
body.logged-in.woocommerce-account .select2-container--default.select2-container--focus .select2-selection--single {
	outline: none !important;
	border-color: var(--dg-acc-blue) !important;
	box-shadow: 0 0 0 3px var(--dg-acc-focus-ring) !important;
}

body.logged-in.woocommerce-account form .form-row input.input-text[readonly],
body.logged-in.woocommerce-account form .form-row input.input-text:disabled {
	background-color: var(--dg-acc-surface-subtle) !important;
	color: var(--dg-acc-ink-500) !important;
	border-color: var(--dg-acc-border) !important;
	cursor: not-allowed;
}

.dg-field-hint {
	font-size: 0.76rem;
	color: var(--dg-acc-ink-500);
	line-height: 1.45;
	margin-top: 6px;
}

/* Password Eye-Toggle Containment (Scoped to Authenticated Portal) */
body.logged-in.woocommerce-account .password-input {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
}

body.logged-in.woocommerce-account .password-input input.input-text,
body.logged-in.woocommerce-account form .form-row .password-input input.input-text {
	padding-right: 48px !important;
	text-overflow: ellipsis !important;
}

body.logged-in.woocommerce-account .password-input .show-password-input {
	position: absolute !important;
	right: 8px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 6px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	font-size: 0 !important;
	color: transparent !important;
	background-color: transparent !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 16px 16px !important;
}

body.logged-in.woocommerce-account .password-input .show-password-input:hover {
	background-color: var(--dg-acc-surface-subtle) !important;
}

body.logged-in.woocommerce-account .password-input .show-password-input::before,
body.logged-in.woocommerce-account .password-input .show-password-input::after {
	display: none !important;
	content: none !important;
}

body.logged-in.woocommerce-account .password-input .show-password-input.display-password {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23113a73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.88 9.88a3 3 0 1 0 4.24 4.24'/%3E%3Cpath d='M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68'/%3E%3Cpath d='M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61'/%3E%3Cline x1='2' x2='22' y1='2' y2='22'/%3E%3C/svg%3E") !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .password-input {
	position: relative;
}

body.woocommerce-account:not(.logged-in) #customer_login .password-input .show-password-input {
	top: 50%;
	transform: translateY(-50%);
}

.dg-account-form__actions {
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid var(--dg-acc-border);
	display: flex;
	justify-content: flex-end;
}

/* ==========================================================================
   10. ORDERS TABLE — B2B LOGISTICS & INVOICE LEDGER (.dg-orders-table)
   ========================================================================== */
.dg-account-orders-card {
	overflow: hidden;
	padding: 0;
}

.dg-orders-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 13px 18px;
	background-color: var(--dg-acc-surface);
	border-bottom: 1px solid var(--dg-acc-border);
	flex-wrap: wrap;
}

.dg-orders-toolbar__metrics {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.dg-orders-toolbar__metric {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.8125rem;
	color: var(--dg-acc-ink-600);
}

.dg-orders-toolbar__metric svg {
	color: var(--dg-acc-navy);
}

.dg-orders-toolbar__metric strong {
	font-weight: 700;
	color: var(--dg-acc-ink-900);
}

.dg-orders-toolbar__metric--pending .dg-status-badge__dot {
	background-color: var(--dg-acc-amber-dot);
}

.dg-orders-toolbar__sep {
	color: var(--dg-acc-border-strong);
}

.dg-orders-toolbar__note {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.76rem;
	color: var(--dg-acc-ink-500);
}

.dg-orders-toolbar__note svg {
	color: var(--dg-acc-blue);
}

.dg-orders-table-scroll {
	width: 100%;
	overflow-x: auto;
}

.dg-orders-table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	margin: 0 !important;
	border: none !important;
}

.dg-orders-table thead th {
	background-color: var(--dg-acc-surface-muted) !important;
	color: var(--dg-acc-ink-600) !important;
	font-size: 0.6875rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.055em !important;
	padding: 11px 9px !important;
	border-bottom: 1px solid var(--dg-acc-border) !important;
	border-top: none !important;
	white-space: nowrap !important;
	text-align: left;
}

.dg-orders-table thead th:first-child,
.dg-orders-table tbody td:first-child,
.dg-orders-table tbody th:first-child {
	padding-left: 16px !important;
}

.dg-orders-table thead th:last-child,
.dg-orders-table tbody td:last-child,
.dg-orders-table tbody th:last-child {
	padding-right: 16px !important;
}

.dg-orders-table thead th.woocommerce-orders-table__header-order-actions,
.dg-orders-table thead th.is-actions {
	text-align: right !important;
}

.dg-orders-table tbody tr {
	transition: background-color 0.12s ease;
}

.dg-orders-table tbody tr:hover {
	background-color: #f8fafc;
}

.dg-orders-table tbody td,
.dg-orders-table tbody th {
	padding: 13px 9px !important;
	border-top: none !important;
	border-bottom: 1px solid var(--dg-acc-border-subtle) !important;
	vertical-align: middle !important;
	font-size: 0.8125rem !important;
	line-height: 1.35 !important;
	color: var(--dg-acc-ink-700);
}

.dg-orders-table tbody tr:last-child td,
.dg-orders-table tbody tr:last-child th {
	border-bottom: none !important;
}

/* Order Number Cell */
.dg-order-number-link {
	font-family: var(--dg-acc-font-mono);
	font-size: 0.84375rem;
	font-weight: 700;
	color: var(--dg-acc-navy) !important;
	text-decoration: none !important;
	font-variant-numeric: tabular-nums;
	padding: 3px 8px;
	border-radius: 5px;
	background-color: var(--dg-acc-navy-subtle);
	display: inline-block;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.dg-order-number-link:hover {
	background-color: var(--dg-acc-navy);
	color: #ffffff !important;
}

/* Order Date Cell */
.woocommerce-orders-table__cell-order-date,
.dg-order-date {
	white-space: nowrap !important;
	color: var(--dg-acc-ink-600);
	font-variant-numeric: tabular-nums;
}

/* Order Total Cell */
.dg-order-total-cell {
	display: flex;
	align-items: baseline;
	gap: 6px;
	white-space: nowrap;
}

.dg-order-total-amount,
.dg-order-total-amount .woocommerce-Price-amount {
	font-weight: 700;
	color: var(--dg-acc-ink-900);
	font-variant-numeric: tabular-nums;
}

.dg-order-item-count {
	font-size: 0.75rem;
	color: var(--dg-acc-ink-400);
}

/* DG-Woo Carrier Tracking Cell Normalization */
.woocommerce-orders-table__cell-dgw_tracking {
	white-space: nowrap !important;
}

.woocommerce-orders-table__cell-dgw_tracking:empty::after,
.woocommerce-orders-table__cell-dgw_invoice:empty::after {
	content: "—";
	color: var(--dg-acc-ink-400);
	font-weight: 400;
}

.dg-tracking-chip,
.woocommerce-orders-table__cell-dgw_tracking a {
	display: inline-flex !important;
	align-items: center;
	gap: 5px;
	padding: 4px 8px;
	border-radius: 6px;
	background-color: var(--dg-acc-surface-muted);
	border: 1px solid var(--dg-acc-border-strong);
	font-family: var(--dg-acc-font-mono);
	font-size: 0.72rem !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: var(--dg-acc-ink-900) !important;
	text-decoration: none !important;
	transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.dg-tracking-chip:hover,
.woocommerce-orders-table__cell-dgw_tracking a:hover {
	background-color: var(--dg-acc-navy-subtle);
	border-color: var(--dg-acc-blue);
	color: var(--dg-acc-navy) !important;
}

/* Add Lucide truck & external-link icons to DG-Woo tracking links */
.woocommerce-orders-table__cell-dgw_tracking a.dg-woo-tracking::before {
	content: "";
	width: 13px;
	height: 13px;
	display: inline-block;
	flex-shrink: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 13px 13px;
}

.woocommerce-orders-table__cell-dgw_tracking a.dg-woo-tracking::after {
	content: "";
	width: 12px;
	height: 12px;
	display: inline-block;
	flex-shrink: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230085ca' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px 12px;
}

/* DG-Woo Invoice Download Button (.dg-woo-invoice-download) */
.woocommerce-orders-table__cell-dgw_invoice {
	white-space: nowrap !important;
}

.woocommerce-orders-table__cell-dgw_invoice .dg-woo-invoice-download {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	height: 31px;
	padding: 0 11px;
	border-radius: 6px;
	background-color: var(--dg-acc-surface);
	border: 1px solid var(--dg-acc-border-strong);
	color: var(--dg-acc-ink-700);
	font-family: var(--dg-acc-font-sans);
	font-size: 0.78rem;
	font-weight: 600;
	cursor: pointer;
	user-select: none;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.woocommerce-orders-table__cell-dgw_invoice .dg-woo-invoice-download:hover {
	background-color: var(--dg-acc-navy-subtle);
	border-color: var(--dg-acc-blue);
	color: var(--dg-acc-navy);
}

/* CRITICAL: Ensure clicking icon inside .dg-woo-invoice-download hits the parent span's id */
.woocommerce-orders-table__cell-dgw_invoice .dg-woo-invoice-download * {
	pointer-events: none !important;
}

.woocommerce-orders-table__cell-dgw_invoice .dg-woo-invoice-download i.fa-download {
	font-size: 0 !important;
	width: 14px;
	height: 14px;
	display: inline-block !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23113a73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M12 18v-6'/%3E%3Cpath d='m9 15 3 3 3-3'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 14px;
}

.woocommerce-orders-table__cell-dgw_invoice .dg-woo-invoice-download i.fa-download::before {
	display: none !important;
}

/* Order Actions Column — Horizontal Single-Line Group (override style.custom.css flex: 1 0 21%) */
body.woocommerce-account #page #content .woocommerce-orders-table__cell-order-actions,
body.woocommerce-account #page #content .dg-orders-table td.is-actions {
	display: table-cell !important;
	text-align: right !important;
	white-space: nowrap !important;
}

.dg-order-actions-group {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 6px !important;
	flex-wrap: nowrap !important;
}

/* Empty Orders State */
.dg-account-empty-state {
	padding: 48px 32px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.dg-account-empty-state__icon {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	background-color: var(--dg-acc-navy-subtle);
	color: var(--dg-acc-navy);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 4px;
}

.dg-account-empty-state__title {
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-ink-900) !important;
	margin: 0 !important;
}

.dg-account-empty-state__desc {
	font-size: 0.875rem !important;
	color: var(--dg-acc-ink-500) !important;
	max-width: 52ch;
	margin: 0 0 8px 0 !important;
}

/* ==========================================================================
   11. ADDRESSES — FISCAL SEAT, PRIMARY SHIPPING & ADDRESS BOOK
   ========================================================================== */
.dg-addresses-primary-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	align-items: stretch;
}

@media (max-width: 991.98px) {
	.dg-addresses-primary-grid {
		grid-template-columns: 1fr;
	}
}

.dg-address-card {
	padding: 22px 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
}

/* Read-only Fiscal Card — subtle slate surface & top bar to balance shipping */
.dg-address-card--billing {
	background-color: var(--dg-acc-surface-muted);
	border-color: var(--dg-acc-border-strong);
	border-top: 3px solid var(--dg-acc-ink-400);
}

/* Primary Default Shipping Card — crisp white with navy top bar */
.dg-address-card--shipping {
	border-top: 3px solid var(--dg-acc-navy);
}

.dg-address-card__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--dg-acc-border);
}

.dg-address-card__title-group {
	display: flex;
	align-items: flex-start;
	gap: 11px;
}

.dg-address-card__icon {
	width: 34px;
	height: 34px;
	min-width: 34px;
	border-radius: 8px;
	background-color: var(--dg-acc-surface-subtle);
	color: var(--dg-acc-ink-700);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.dg-address-card__icon--shipping {
	background-color: var(--dg-acc-navy-subtle);
	color: var(--dg-acc-navy);
}

.dg-address-card__title {
	font-size: 0.96875rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-ink-900) !important;
	line-height: 1.3 !important;
	margin: 0 0 2px 0 !important;
}

.dg-address-card__meta-subtitle {
	font-size: 0.76rem;
	color: var(--dg-acc-ink-500);
	display: block;
}

.dg-address-card__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.dg-address-card__tax-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--dg-acc-ink-600);
}

.dg-address-card__body {
	font-style: normal !important;
	font-size: 0.875rem !important;
	line-height: 1.6 !important;
	color: var(--dg-acc-ink-700) !important;
	margin: 0 !important;
	padding: 0 !important;
}

.dg-address-card__contact-line {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--dg-acc-ink-600);
}

.dg-address-card__footer {
	padding-top: 14px;
	border-top: 1px solid var(--dg-acc-border);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.dg-address-card__note {
	font-size: 0.75rem;
	color: var(--dg-acc-ink-500);
}

/* Additional Shipping Addresses Section (Woo Address Book) */
.dg-address-book-section {
	margin-top: 32px;
	padding-top: 26px;
	border-top: 1px solid var(--dg-acc-border);
}

.dg-address-book-section__header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px !important;
	margin-bottom: 18px !important;
	border-bottom: none !important;
	padding: 0 !important;
	flex-wrap: wrap;
}

.dg-address-book-section__title {
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-ink-900) !important;
	letter-spacing: -0.015em !important;
	margin: 0 0 3px 0 !important;
}

.dg-address-book-section__desc {
	font-size: 0.84375rem !important;
	color: var(--dg-acc-ink-500) !important;
	margin: 0 !important;
}

.dg-address-book-section__actions .add.button:not([style*="display:none"]):not([style*="display: none"]) {
	background-color: var(--dg-acc-navy) !important;
	border-color: var(--dg-acc-navy) !important;
	color: #ffffff !important;
	min-height: 38px !important;
	padding: 0 16px !important;
	font-size: 0.8125rem !important;
}

.dg-address-book-section__actions .add.button:not([style*="display:none"]):not([style*="display: none"]):hover {
	background-color: var(--dg-acc-navy-hover) !important;
	border-color: var(--dg-acc-navy-hover) !important;
}

.dg-address-book-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

@media (max-width: 991.98px) {
	.dg-address-book-grid {
		grid-template-columns: 1fr;
	}
}

/* CRITICAL: Never duplicate the primary default shipping address in the additional addresses grid */
.shipping_address_book .wc-address-book-address.wc-address-book-address-default {
	display: none !important;
}

/* Preserve nickname inside <address> for Woo Address Book AJAX swap while hiding duplicate line inside secondary card body */
.dg-address-book-grid .wc-address-book-address address .dg-addr-nickname-line {
	display: none;
}

.u-column2.woocommerce-Address address .dg-addr-nickname-line {
	font-weight: 700;
	color: var(--dg-acc-ink-900);
}

.dg-address-book-limit-reached {
	color: var(--dg-acc-amber-text);
	font-weight: 700;
}

.dg-address-card--additional .wc-address-book-meta {
	justify-content: flex-start !important;
	gap: 8px !important;
	padding: 14px 0 0 0 !important;
	margin: 0 !important;
}

.dg-address-card--additional .wc-address-book-meta > * {
	flex-grow: 0 !important;
}

.dg-address-card--additional .dg-address-card__header {
	margin-bottom: 0 !important;
}

.dg-address-book-empty-notice {
	padding: 20px 24px;
	background-color: var(--dg-acc-surface-muted);
}

.shipping_address_book:has(.wc-address-book-address:not(.wc-address-book-address-default)) .dg-address-book-empty-notice {
	display: none !important;
}

.shipping_address_book:not(:has(.wc-address-book-address:not(.wc-address-book-address-default))) .dg-address-book-empty-notice {
	display: block !important;
}

.dg-address-book-empty-notice__text {
	font-size: 0.84375rem !important;
	color: var(--dg-acc-ink-500) !important;
	margin: 0 !important;
}

/* ==========================================================================
   12. SERVICES / RMA (#root) — EXTERNAL CSS TRANSFORMATION (DG-WOO READ-ONLY)
   ========================================================================== */
body.logged-in.woocommerce-account #page #content #root > .container {
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Preserve and style DG-Woo Service Navigation Tabs (RMA, Support, Notifications, Subaccounts) */
body.logged-in.woocommerce-account #page #content #root nav.nav {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 0 18px 0 !important;
	padding: 0 0 14px 0 !important;
	border-bottom: 1px solid var(--dg-acc-border) !important;
}

body.logged-in.woocommerce-account #page #content #root nav.nav a.btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	height: 36px !important;
	padding: 0 14px !important;
	margin: 0 !important;
	border-radius: var(--dg-acc-radius-md) !important;
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	background-color: var(--dg-acc-surface) !important;
	border: 1px solid var(--dg-acc-border-strong) !important;
	color: var(--dg-acc-ink-700) !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
	text-decoration: none !important;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

body.logged-in.woocommerce-account #page #content #root nav.nav a.btn:hover {
	background-color: var(--dg-acc-surface-muted) !important;
	border-color: var(--dg-acc-blue) !important;
	color: var(--dg-acc-navy) !important;
}

body.logged-in.woocommerce-account #page #content #root nav.nav a.btn.active {
	background-color: var(--dg-acc-navy) !important;
	border-color: var(--dg-acc-navy) !important;
	color: #ffffff !important;
}

body.logged-in.woocommerce-account #page #content #root nav.nav a.btn i {
	font-size: 0 !important;
	width: 15px;
	height: 15px;
	display: inline-block;
	padding: 0 !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px 15px;
}

body.logged-in.woocommerce-account #page #content #root nav.nav a.btn i::before {
	display: none !important;
}

body.logged-in.woocommerce-account #page #content #root nav.nav a.btn i.fa-wrench {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E");
}

body.logged-in.woocommerce-account #page #content #root nav.nav a.btn.active i.fa-wrench {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E");
}

body.logged-in.woocommerce-account #page #content #root nav.nav a.btn i.fa-headset {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z'/%3E%3Cpath d='M21 16v2a4 4 0 0 1-4 4h-5'/%3E%3C/svg%3E");
}

body.logged-in.woocommerce-account #page #content #root nav.nav a.btn.active i.fa-headset {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z'/%3E%3Cpath d='M21 16v2a4 4 0 0 1-4 4h-5'/%3E%3C/svg%3E");
}

body.logged-in.woocommerce-account #page #content #root nav.nav a.btn i.fa-broadcast-tower {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.9 19.1C1 15.2 1 8.8 4.9 4.9'/%3E%3Cpath d='M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5'/%3E%3Cpath d='M19.1 4.9C23 8.8 23 15.1 19.1 19'/%3E%3C/svg%3E");
}

body.logged-in.woocommerce-account #page #content #root nav.nav a.btn.active i.fa-broadcast-tower {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.9 19.1C1 15.2 1 8.8 4.9 4.9'/%3E%3Cpath d='M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5'/%3E%3Cpath d='M19.1 4.9C23 8.8 23 15.1 19.1 19'/%3E%3C/svg%3E");
}

body.logged-in.woocommerce-account #page #content #root nav.nav a.btn i.fa-users {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

body.logged-in.woocommerce-account #page #content #root nav.nav a.btn.active i.fa-users {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

body.logged-in.woocommerce-account #page #content #root nav.nav a.btn i.fa-home {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
}

body.logged-in.woocommerce-account #page #content #root nav.nav a.btn.active i.fa-home {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
}

/* RMA Workspace Container */
body.logged-in.woocommerce-account #page #content #root > .container > .container {
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* h3.mt-3 ("Soporte Técnico") -> Blue Uppercase Eyebrow */
body.logged-in.woocommerce-account #page #content #root h3.mt-3 {
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	color: var(--dg-acc-blue) !important;
	line-height: 1.4 !important;
	margin: 0 0 4px 0 !important;
	padding: 0 !important;
	border: none !important;
}

body.logged-in.woocommerce-account #page #content #root h3.mt-3 i {
	display: none !important;
}

/* h4.mt-4 ("Solicitud de RMA") -> Main Page Title + Subtitle & Divider */
body.logged-in.woocommerce-account #page #content #root h4.mt-4 {
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 1.625rem !important;
	font-weight: 700 !important;
	text-transform: none !important;
	letter-spacing: -0.025em !important;
	color: var(--dg-acc-ink-900) !important;
	line-height: 1.25 !important;
	margin: 0 0 18px 0 !important;
	padding-bottom: 16px !important;
	border-bottom: 1px solid var(--dg-acc-border) !important;
}

/* Policy Notice Banner */
body.logged-in.woocommerce-account #page #content #root .alert.alert-primary {
	background-color: var(--dg-acc-navy-subtle) !important;
	border: 1px solid #bfdbfe !important;
	border-left: 4px solid var(--dg-acc-blue) !important;
	border-radius: var(--dg-acc-radius-md) !important;
	color: var(--dg-acc-ink-700) !important;
	padding: 13px 18px !important;
	font-size: 0.84375rem !important;
	line-height: 1.5 !important;
	margin: 0 0 12px 0 !important;
}

body.logged-in.woocommerce-account #page #content #root .alert.alert-primary i.fa-info-circle {
	font-size: 0 !important;
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: -2px;
	margin-right: 4px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%230085ca' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px 15px;
}

body.logged-in.woocommerce-account #page #content #root .alert.alert-primary i.fa-info-circle::before {
	display: none !important;
}

body.logged-in.woocommerce-account #page #content #root .alert.alert-primary a {
	font-weight: 700;
	color: var(--dg-acc-navy) !important;
	text-decoration: underline !important;
}

body.logged-in.woocommerce-account #page #content #root > .container > .container > p.mt-2 {
	font-size: 0.84375rem !important;
	color: var(--dg-acc-ink-600) !important;
	line-height: 1.5 !important;
	margin: 0 0 16px 0 !important;
}

/* Strip inner Bootstrap container/row/col wrappers around form.servicesForm */
body.logged-in.woocommerce-account #page #content #root > .container > .container > .container {
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 0 14px 0 !important;
}

body.logged-in.woocommerce-account #page #content #root > .container > .container > .container > .row {
	margin: 0 !important;
}

body.logged-in.woocommerce-account #page #content #root > .container > .container > .container > .row > .col {
	padding: 0 !important;
}

/* Multi-Column B2B Services / RMA Form Layout */
body.logged-in.woocommerce-account #page #content #root form.servicesForm {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 18px 20px !important;
	background-color: var(--dg-acc-surface);
	border: 1px solid var(--dg-acc-border);
	border-radius: var(--dg-acc-radius-lg);
	box-shadow: var(--dg-acc-shadow-card);
	padding: 24px 26px;
}

@media (max-width: 767.98px) {
	body.logged-in.woocommerce-account #page #content #root form.servicesForm {
		grid-template-columns: 1fr !important;
	}
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group {
	margin: 0 !important;
}

/* Full-width top-level textarea group (e.g. SupportService message) */
body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:has(> textarea) {
	grid-column: 1 / -1 !important;
}

/* Artículos para RMA Repeater Wrapper (Full Width — structurally matched via :has(> hr)) */
body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:has(> hr) {
	grid-column: 1 / -1 !important;
	margin: 4px 0 0 0 !important;
	padding-top: 18px;
	border-top: 1px solid var(--dg-acc-border);
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:has(> hr) > hr {
	display: none !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:has(> hr) > label {
	font-size: 0.9375rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-ink-900) !important;
	margin-bottom: 12px !important;
	display: block;
}

/* Individual RMA Equipment Item Card — 3-Column Technical Grid */
body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:has(> hr) > div > div {
	display: grid !important;
	grid-template-columns: minmax(220px, 2fr) minmax(160px, 1.2fr) minmax(160px, 1.2fr) !important;
	gap: 14px 16px !important;
	background-color: var(--dg-acc-surface-muted);
	border: 1px solid var(--dg-acc-border);
	border-radius: 10px;
	padding: 18px 20px;
	margin-bottom: 12px;
}

@media (max-width: 991.98px) {
	body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:has(> hr) > div > div {
		grid-template-columns: 1fr !important;
	}
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:has(> hr) > div > div > .form-group {
	margin: 0 !important;
}

/* Fault Description Textarea spans all 3 columns */
body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:has(> hr) > div > div > .form-group:has(textarea),
body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:has(> hr) > div > div > .form-group:nth-child(4) {
	grid-column: 1 / -1 !important;
}

/* Add / Remove Item Action Bar inside Item Card */
body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:has(> hr) > div > div > .d-flex.justify-content-end {
	grid-column: 1 / -1 !important;
	margin: 2px 0 0 0 !important;
	padding-top: 12px;
	border-top: 1px dashed var(--dg-acc-border-strong);
	gap: 8px;
}

/* Form Labels & Inputs inside #root (Override Bootstrap .text-uppercase & red abbr.required) */
body.logged-in.woocommerce-account #page #content #root form.servicesForm label,
body.logged-in.woocommerce-account #page #content #root form.servicesForm label.text-uppercase {
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	color: var(--dg-acc-ink-700) !important;
	margin-bottom: 6px !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm label abbr.required {
	color: var(--dg-acc-blue) !important;
	text-decoration: none !important;
	font-weight: 700 !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm .form-control {
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.875rem !important;
	color: var(--dg-acc-ink-900) !important;
	background-color: var(--dg-acc-surface) !important;
	border: 1px solid var(--dg-acc-border-strong) !important;
	border-radius: var(--dg-acc-radius-md) !important;
	height: 40px !important;
	padding: 8px 13px !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm .form-control.is-invalid {
	border-color: #dc2626 !important;
	background-color: #fffbfa !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm .invalid-feedback {
	display: block !important;
	font-size: 0.76rem !important;
	font-weight: 500 !important;
	color: #dc2626 !important;
	margin-top: 4px !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm .form-control::placeholder {
	color: var(--dg-acc-ink-400) !important;
	opacity: 0.75 !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm textarea.form-control {
	height: 84px !important;
	min-height: 84px !important;
	resize: vertical;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm .form-control:focus {
	outline: none !important;
	border-color: var(--dg-acc-blue) !important;
	box-shadow: 0 0 0 3px var(--dg-acc-focus-ring) !important;
}

/* Add Item Button (button[title="add_item"]) with Lucide Plus & Locale-Aware Label */
body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="add_item"] {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	height: 34px !important;
	padding: 0 12px !important;
	margin: 0 !important;
	background-color: var(--dg-acc-surface) !important;
	border: 1px solid var(--dg-acc-border-strong) !important;
	border-radius: 6px !important;
	color: var(--dg-acc-navy) !important;
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.78rem !important;
	font-weight: 600 !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="add_item"]:hover {
	background-color: var(--dg-acc-navy-subtle) !important;
	border-color: var(--dg-acc-blue) !important;
	color: var(--dg-acc-navy) !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="add_item"] i.fa-plus {
	font-size: 0 !important;
	width: 14px;
	height: 14px;
	display: inline-block;
	padding: 0 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23113a73' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 14px;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="add_item"] i.fa-plus::before {
	display: none !important;
}

html[lang^="es"] body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="add_item"]::after {
	content: "Añadir otro artículo";
}
html[lang^="en"] body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="add_item"]::after {
	content: "Add another item";
}
html[lang^="pt"] body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="add_item"]::after {
	content: "Adicionar outro artigo";
}
html[lang^="fr"] body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="add_item"]::after {
	content: "Ajouter un autre article";
}
html[lang^="it"] body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="add_item"]::after {
	content: "Aggiungi un altro articolo";
}

/* Remove Item Button (button[title="remove_item"]) with Lucide Trash & Locale-Aware Label */
body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="remove_item"] {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	height: 34px !important;
	padding: 0 12px !important;
	margin: 0 !important;
	background-color: var(--dg-acc-surface) !important;
	border: 1px solid var(--dg-acc-rose-border) !important;
	border-radius: 6px !important;
	color: var(--dg-acc-rose-text) !important;
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.78rem !important;
	font-weight: 600 !important;
	box-shadow: none !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="remove_item"]:hover {
	background-color: var(--dg-acc-rose-bg) !important;
	border-color: #f87171 !important;
	color: #7f1d1d !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="remove_item"] i.fa-trash,
body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="remove_item"] i.fa-trash-alt {
	font-size: 0 !important;
	width: 14px;
	height: 14px;
	display: inline-block;
	padding: 0 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23991b1b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6'/%3E%3Cpath d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3Cline x1='10' x2='10' y1='11' y2='17'/%3E%3Cline x1='14' x2='14' y1='11' y2='17'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 14px;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="remove_item"] i.fa-trash::before,
body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="remove_item"] i.fa-trash-alt::before {
	display: none !important;
}

html[lang^="es"] body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="remove_item"]::after {
	content: "Eliminar";
}
html[lang^="en"] body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="remove_item"]::after {
	content: "Remove";
}
html[lang^="pt"] body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="remove_item"]::after {
	content: "Remover";
}
html[lang^="fr"] body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="remove_item"]::after {
	content: "Supprimer";
}
html[lang^="it"] body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="remove_item"]::after {
	content: "Rimuovi";
}

/* Submit & Reset Action Footer inside form.servicesForm */
body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:has(> button.btn-success),
body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:last-child {
	grid-column: 1 / -1 !important;
	display: flex !important;
	align-items: center;
	gap: 12px;
	margin: 4px 0 0 0 !important;
	padding-top: 16px;
	border-top: 1px solid var(--dg-acc-border);
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm button.btn-success {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	height: 40px !important;
	padding: 0 20px !important;
	margin: 0 !important;
	background-color: var(--dg-acc-navy) !important;
	border: 1px solid var(--dg-acc-navy) !important;
	border-radius: var(--dg-acc-radius-md) !important;
	color: #ffffff !important;
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm button.btn-success:hover {
	background-color: var(--dg-acc-navy-hover) !important;
	border-color: var(--dg-acc-navy-hover) !important;
	color: #ffffff !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm button.btn-success i.fa-paper-plane {
	font-size: 0 !important;
	width: 15px;
	height: 15px;
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px 15px;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm button.btn-success i.fa-paper-plane::before {
	display: none !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm button.btn-info {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	height: 40px !important;
	padding: 0 16px !important;
	margin: 0 !important;
	background-color: var(--dg-acc-surface) !important;
	border: 1px solid var(--dg-acc-border-strong) !important;
	border-radius: var(--dg-acc-radius-md) !important;
	color: var(--dg-acc-ink-700) !important;
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm button.btn-info:hover {
	background-color: var(--dg-acc-surface-muted) !important;
	color: var(--dg-acc-ink-900) !important;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm button.btn-info i.fa-eraser {
	font-size: 0 !important;
	width: 15px;
	height: 15px;
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px 15px;
}

body.logged-in.woocommerce-account #page #content #root form.servicesForm button.btn-info i.fa-eraser::before {
	display: none !important;
}

/* Clean, unboxed legal footnotes below RMA form */
body.logged-in.woocommerce-account #page #content #root > .container > .container > .container ~ p.mt-2 {
	font-size: 0.74rem !important;
	color: var(--dg-acc-ink-400) !important;
	background-color: transparent !important;
	border: none !important;
	padding: 2px 4px !important;
	margin: 4px 0 0 0 !important;
	line-height: 1.45 !important;
}


/* ==========================================================================
   13. SHIPPING ADDRESS EDITOR (form-edit-address.php) & NOTICES
   ========================================================================== */

/* WooCommerce Notices & Validation Alerts inside My Account */
body.logged-in.woocommerce-account #page #content .woocommerce-notices-wrapper {
	margin: 0 0 20px 0;
}

body.logged-in.woocommerce-account #page #content .woocommerce-error,
body.logged-in.woocommerce-account #page #content .woocommerce-message,
body.logged-in.woocommerce-account #page #content .woocommerce-info {
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.85rem !important;
	line-height: 1.5 !important;
	padding: 14px 18px !important;
	margin: 0 0 18px 0 !important;
	border-radius: var(--dg-acc-radius-md) !important;
	box-shadow: var(--dg-acc-shadow-card) !important;
	list-style: none !important;
}

body.logged-in.woocommerce-account #page #content .woocommerce-error::before,
body.logged-in.woocommerce-account #page #content .woocommerce-message::before,
body.logged-in.woocommerce-account #page #content .woocommerce-info::before {
	display: none !important;
}

body.logged-in.woocommerce-account #page #content .woocommerce-error {
	background-color: var(--dg-acc-rose-bg) !important;
	border: 1px solid var(--dg-acc-rose-border) !important;
	border-left: 4px solid #dc2626 !important;
	color: var(--dg-acc-rose-text) !important;
}

body.logged-in.woocommerce-account #page #content .woocommerce-error li {
	margin: 4px 0 !important;
	padding: 0 !important;
}

body.logged-in.woocommerce-account #page #content .woocommerce-message {
	background-color: var(--dg-acc-emerald-bg) !important;
	border: 1px solid var(--dg-acc-emerald-border) !important;
	border-left: 4px solid #10b981 !important;
	color: var(--dg-acc-emerald-text) !important;
}

body.logged-in.woocommerce-account #page #content .woocommerce-info {
	background-color: var(--dg-acc-navy-subtle) !important;
	border: 1px solid #bfdbfe !important;
	border-left: 4px solid var(--dg-acc-blue) !important;
	color: var(--dg-acc-ink-700) !important;
}

/* Subview Header (Shared by Address Editor & Order Details) */
.dg-page-header--subview {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}

.dg-page-header__main {
	flex: 1 1 480px;
	min-width: 0;
}

.dg-page-header__top {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 6px;
}

.dg-page-header__top .dg-page-header__eyebrow {
	margin-bottom: 0 !important;
}

.dg-page-header__actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

/* 2-Column Split Layout for Shipping Address Editor */
.dg-address-editor-split {
	display: grid;
	grid-template-columns: minmax(0, 8.2fr) minmax(290px, 3.8fr);
	gap: 24px;
	align-items: start;
}

@media (max-width: 1099.98px) {
	.dg-address-editor-split {
		grid-template-columns: 1fr;
	}
}

/* Shared Card Header, Title, Subtitle & Pill Badges for Subviews */
.dg-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.dg-card-title,
body.logged-in.woocommerce-account #page #content h2.dg-card-title,
body.logged-in.woocommerce-account #page #content h3.dg-card-title {
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 1.03125rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-ink-900) !important;
	line-height: 1.3 !important;
	letter-spacing: -0.015em !important;
	margin: 0 0 2px 0 !important;
	padding: 0 !important;
}

.dg-card-subtitle {
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.8125rem !important;
	font-weight: 400 !important;
	color: var(--dg-acc-ink-500) !important;
	line-height: 1.45 !important;
	margin: 0 !important;
}

.dg-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	font-family: var(--dg-acc-font-sans);
	font-size: 0.74rem;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	flex-shrink: 0;
}

.dg-badge--neutral {
	background-color: var(--dg-acc-surface-subtle);
	border: 1px solid var(--dg-acc-border-strong);
	color: var(--dg-acc-ink-600);
}

.dg-badge--info {
	background-color: var(--dg-acc-navy-subtle);
	border: 1px solid #bfdbfe;
	color: var(--dg-acc-navy);
}

.dg-address-editor-card {
	padding: 0 !important;
	overflow: hidden;
	border-top: 3px solid var(--dg-acc-navy);
}

.dg-address-editor-card__header {
	padding: 20px 26px !important;
	margin: 0 !important;
	border-bottom: 1px solid var(--dg-acc-border) !important;
	background-color: var(--dg-acc-surface);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.dg-address-editor-card__header .dg-card-header__main {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.dg-address-editor-card__header .dg-card-header__icon {
	width: 36px;
	height: 36px;
	min-width: 36px;
	border-radius: 8px;
	background-color: var(--dg-acc-navy-subtle);
	color: var(--dg-acc-navy);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
}

.dg-address-editor-card__body {
	padding: 24px 26px !important;
}

/* Override legacy style.custom.css (lines 3914-3935) on .woocommerce-address-fields__field-wrapper */
body.logged-in.woocommerce-account #page #content .woocommerce-address-fields__field-wrapper.dg-address-fields-grid {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	gap: 18px 20px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.logged-in.woocommerce-account #page #content .woocommerce-address-fields__field-wrapper.dg-address-fields-grid::before,
body.logged-in.woocommerce-account #page #content .woocommerce-address-fields__field-wrapper.dg-address-fields-grid::after {
	display: none !important;
}

body.logged-in.woocommerce-account #page #content .woocommerce-address-fields__field-wrapper.dg-address-fields-grid > .form-row {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	grid-column: span 12;
}

/* Respect inline display:none set by wc-address-i18n.js for stateless countries (e.g. PT, FR) */
body.logged-in.woocommerce-account #page #content .woocommerce-address-fields__field-wrapper.dg-address-fields-grid > .form-row[style*="display: none"],
body.logged-in.woocommerce-account #page #content .woocommerce-address-fields__field-wrapper.dg-address-fields-grid > .form-row[style*="display:none"] {
	display: none !important;
}

/* Override legacy 400px label width and nowrap ellipsis from style.custom.css */
body.logged-in.woocommerce-account #page #content .woocommerce-address-fields__field-wrapper.dg-address-fields-grid > .form-row > label {
	width: auto !important;
	max-width: 100% !important;
	display: block !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	color: var(--dg-acc-ink-700) !important;
	line-height: 1.35 !important;
	margin: 0 0 6px 0 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

body.logged-in.woocommerce-account #page #content .woocommerce-address-fields__field-wrapper.dg-address-fields-grid > .form-row > label .required,
body.logged-in.woocommerce-account #page #content .woocommerce-address-fields__field-wrapper.dg-address-fields-grid > .form-row > label abbr.required {
	color: var(--dg-acc-blue) !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	margin-left: 2px;
}

body.logged-in.woocommerce-account #page #content .woocommerce-address-fields__field-wrapper.dg-address-fields-grid > .form-row > label .optional {
	font-size: 0.75rem !important;
	font-weight: 400 !important;
	color: var(--dg-acc-ink-400) !important;
	margin-left: 4px;
}

body.logged-in.woocommerce-account #page #content .woocommerce-address-fields__field-wrapper.dg-address-fields-grid > .form-row > span,
body.logged-in.woocommerce-account #page #content .woocommerce-address-fields__field-wrapper.dg-address-fields-grid > .form-row .woocommerce-input-wrapper {
	display: block !important;
	width: 100% !important;
}

/* Highlighted Address Nickname Field Block (priority = 5) */
body.logged-in.woocommerce-account #page #content #shipping_address_nickname_field {
	grid-column: 1 / -1 !important;
	background: linear-gradient(180deg, var(--dg-acc-navy-subtle) 0%, #f8fafc 100%) !important;
	border: 1px solid #bfdbfe !important;
	border-left: 4px solid var(--dg-acc-navy) !important;
	border-radius: var(--dg-acc-radius-md) !important;
	padding: 16px 20px !important;
	margin-bottom: 2px !important;
}

body.logged-in.woocommerce-account #page #content #shipping_address_nickname_field > label {
	font-size: 0.84375rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-navy) !important;
}

/* Form Section Dividers inside .dg-address-fields-grid (priority = 8, 38) */
body.logged-in.woocommerce-account #page #content .dg-address-fields-grid > .form-row.dg-address-form-section {
	grid-column: 1 / -1 !important;
	padding: 10px 0 8px 0 !important;
	margin: 4px 0 0 0 !important;
	border-bottom: 1px solid var(--dg-acc-border) !important;
}

.dg-address-form-section__inner {
	display: flex;
	align-items: center;
	gap: 8px;
}

.dg-address-form-section__icon {
	color: var(--dg-acc-blue);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.dg-address-form-section__title {
	font-family: var(--dg-acc-font-sans);
	font-size: 0.76rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--dg-acc-ink-600);
}

/* Desktop 12-Column Field Spans */
@media (min-width: 768px) {
	body.logged-in.woocommerce-account #page #content #shipping_first_name_field,
	body.logged-in.woocommerce-account #page #content #shipping_last_name_field {
		grid-column: span 6 !important;
	}

	body.logged-in.woocommerce-account #page #content #shipping_company_field {
		grid-column: span 7 !important;
	}

	body.logged-in.woocommerce-account #page #content #shipping_phone_field {
		grid-column: span 5 !important;
	}

	body.logged-in.woocommerce-account #page #content #shipping_address_1_field {
		grid-column: span 7 !important;
	}

	body.logged-in.woocommerce-account #page #content #shipping_address_2_field {
		grid-column: span 5 !important;
	}

	body.logged-in.woocommerce-account #page #content #shipping_postcode_field {
		grid-column: span 4 !important;
	}

	body.logged-in.woocommerce-account #page #content #shipping_city_field {
		grid-column: span 8 !important;
	}

	body.logged-in.woocommerce-account #page #content #shipping_state_field {
		grid-column: span 6 !important;
	}

	body.logged-in.woocommerce-account #page #content #shipping_country_field {
		grid-column: span 6 !important;
	}

	/* When State/Province is hidden for stateless countries (PT, FR), balance Postcode + City + Country on a single 12-col row */
	body.logged-in.woocommerce-account #page #content .dg-address-fields-grid:has(#shipping_state_field[style*="display: none"]) #shipping_postcode_field,
	body.logged-in.woocommerce-account #page #content .dg-address-fields-grid:has(#shipping_state_field[style*="display:none"]) #shipping_postcode_field {
		grid-column: span 3 !important;
	}

	body.logged-in.woocommerce-account #page #content .dg-address-fields-grid:has(#shipping_state_field[style*="display: none"]) #shipping_city_field,
	body.logged-in.woocommerce-account #page #content .dg-address-fields-grid:has(#shipping_state_field[style*="display:none"]) #shipping_city_field {
		grid-column: span 5 !important;
	}

	body.logged-in.woocommerce-account #page #content .dg-address-fields-grid:has(#shipping_state_field[style*="display: none"]) #shipping_country_field,
	body.logged-in.woocommerce-account #page #content .dg-address-fields-grid:has(#shipping_state_field[style*="display:none"]) #shipping_country_field {
		grid-column: span 4 !important;
	}
}

/* Text Inputs, Native Selects & Select2 Dropdowns inside Address Editor */
body.logged-in.woocommerce-account #page #content .dg-address-fields-grid input.input-text,
body.logged-in.woocommerce-account #page #content .dg-address-fields-grid input[type="text"],
body.logged-in.woocommerce-account #page #content .dg-address-fields-grid input[type="tel"],
body.logged-in.woocommerce-account #page #content .dg-address-fields-grid input[type="email"],
body.logged-in.woocommerce-account #page #content .dg-address-fields-grid select:not(.select2-hidden-accessible) {
	width: 100% !important;
	height: 42px !important;
	padding: 8px 13px !important;
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.875rem !important;
	color: var(--dg-acc-ink-900) !important;
	background-color: var(--dg-acc-surface) !important;
	border: 1px solid var(--dg-acc-border-strong) !important;
	border-radius: var(--dg-acc-radius-md) !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

/* Prevent Select2 hidden accessible select from expanding document scrollWidth */
body.logged-in.woocommerce-account #page #content .dg-address-fields-grid select.select2-hidden-accessible {
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	border: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	position: absolute !important;
}

body.logged-in.woocommerce-account #page #content .dg-address-fields-grid input.input-text::placeholder {
	color: var(--dg-acc-ink-400) !important;
	opacity: 0.8 !important;
}

body.logged-in.woocommerce-account #page #content .dg-address-fields-grid input.input-text:focus,
body.logged-in.woocommerce-account #page #content .dg-address-fields-grid select:focus {
	outline: none !important;
	border-color: var(--dg-acc-blue) !important;
	box-shadow: 0 0 0 3px var(--dg-acc-focus-ring) !important;
}

/* Select2 Container & Single Selection Normalization */
body.logged-in.woocommerce-account #page #content .dg-address-fields-grid .select2-container {
	width: 100% !important;
}

body.logged-in.woocommerce-account #page #content .dg-address-fields-grid .select2-container--default .select2-selection--single {
	height: 42px !important;
	background-color: var(--dg-acc-surface) !important;
	border: 1px solid var(--dg-acc-border-strong) !important;
	border-radius: var(--dg-acc-radius-md) !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 34px 0 13px !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

body.logged-in.woocommerce-account #page #content .dg-address-fields-grid .select2-container--default.select2-container--open .select2-selection--single,
body.logged-in.woocommerce-account #page #content .dg-address-fields-grid .select2-container--default.select2-container--focus .select2-selection--single {
	border-color: var(--dg-acc-blue) !important;
	box-shadow: 0 0 0 3px var(--dg-acc-focus-ring) !important;
	outline: none !important;
}

body.logged-in.woocommerce-account #page #content .dg-address-fields-grid .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--dg-acc-ink-900) !important;
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.875rem !important;
	line-height: 40px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.logged-in.woocommerce-account #page #content .dg-address-fields-grid .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px !important;
	right: 8px !important;
	top: 1px !important;
}

body.logged-in.woocommerce-account #page #content .dg-address-fields-grid .select2-selection__clear {
	display: none !important;
}

/* Address Editor Action Footer */
.dg-address-editor-card__footer {
	margin: 26px -26px -24px -26px;
	padding: 16px 26px;
	background-color: var(--dg-acc-surface-muted);
	border-top: 1px solid var(--dg-acc-border);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.dg-address-editor-card__required-note {
	font-size: 0.78rem;
	color: var(--dg-acc-ink-500);
	margin: 0 !important;
}

.dg-address-editor-card__required-note span {
	color: var(--dg-acc-blue);
	font-weight: 700;
}

.dg-address-editor-card__footer-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: auto;
}

/* Address Editor Aside Card (Right Column) */
.dg-address-editor-aside {
	position: sticky;
	top: 24px;
}

.dg-address-aside-card {
	padding: 22px 24px !important;
	background-color: var(--dg-acc-surface);
}

.dg-address-aside-card__section {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.dg-address-aside-card__header {
	display: flex;
	align-items: center;
	gap: 10px;
}

.dg-address-aside-card__icon {
	width: 32px;
	height: 32px;
	min-width: 32px;
	border-radius: 8px;
	background-color: var(--dg-acc-navy-subtle);
	color: var(--dg-acc-navy);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.dg-address-aside-card__icon--muted {
	background-color: var(--dg-acc-surface-subtle);
	color: var(--dg-acc-ink-600);
}

.dg-address-aside-card__title {
	font-size: 0.9375rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-ink-900) !important;
	margin: 0 !important;
	line-height: 1.3 !important;
}

.dg-address-aside-card__list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.dg-address-aside-card__list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--dg-acc-ink-600);
}

.dg-address-aside-card__bullet-icon {
	color: var(--dg-acc-blue);
	margin-top: 2px;
	flex-shrink: 0;
}

.dg-address-aside-card__list li strong {
	color: var(--dg-acc-ink-900);
	font-weight: 600;
}

.dg-address-aside-card__divider {
	border: 0;
	border-top: 1px solid var(--dg-acc-border);
	margin: 18px 0 !important;
}

.dg-address-aside-card__text {
	font-size: 0.8125rem !important;
	line-height: 1.55 !important;
	color: var(--dg-acc-ink-500) !important;
	margin: 0 !important;
}

.dg-address-aside-card__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--dg-acc-blue) !important;
	text-decoration: none !important;
	margin-top: 2px;
}

.dg-address-aside-card__link:hover {
	color: var(--dg-acc-navy) !important;
	text-decoration: underline !important;
}

.dg-address-aside-card__link svg {
	width: 14px;
	height: 14px;
}


/* ==========================================================================
   14. INDIVIDUAL ORDER DETAILS (view-order.php, order-details*.php)
   ========================================================================== */

.dg-account-order-view-wrapper,
.dg-order-detail-view {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.dg-order-detail-header {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 20px !important;
	flex-wrap: wrap;
	margin-bottom: 2px !important;
}

.dg-order-detail-header__title-row {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 4px;
}

.dg-order-detail-header__title-row .dg-account-page-header__title {
	margin: 0 !important;
}

/* 4-Column Order Overview & Logistics KPI Card */
.dg-order-overview-card {
	padding: 0 !important;
	border-top: 3px solid var(--dg-acc-navy);
	overflow: hidden;
}

.dg-order-overview-strip {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding: 0 !important;
	margin: 0 !important;
}

@media (max-width: 1199.98px) {
	.dg-order-overview-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 639.98px) {
	.dg-order-overview-strip {
		grid-template-columns: 1fr;
	}
}

.dg-order-overview-kpi {
	padding: 20px 22px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 6px;
	border-right: 1px solid var(--dg-acc-border);
	min-width: 0;
}

.dg-order-overview-kpi:last-child {
	border-right: none;
}

@media (max-width: 1199.98px) {
	.dg-order-overview-kpi:nth-child(2) {
		border-right: none;
	}
	.dg-order-overview-kpi:nth-child(1),
	.dg-order-overview-kpi:nth-child(2) {
		border-bottom: 1px solid var(--dg-acc-border);
	}
}

.dg-order-overview-kpi__label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--dg-acc-ink-500);
}

.dg-order-overview-kpi__label svg {
	color: var(--dg-acc-blue);
	flex-shrink: 0;
}

.dg-order-overview-kpi__value {
	font-size: 1rem;
	font-weight: 700;
	color: var(--dg-acc-ink-900);
	line-height: 1.3;
}

.dg-order-overview-kpi__value--amount,
.dg-order-overview-kpi__value--amount .woocommerce-Price-amount {
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--dg-acc-navy);
	font-variant-numeric: tabular-nums;
}

.dg-order-overview-kpi__control {
	display: flex;
	align-items: center;
	min-height: 30px;
}

.dg-order-overview-kpi__meta {
	font-size: 0.77rem;
	color: var(--dg-acc-ink-500);
	line-height: 1.35;
}

/* DG-Woo Tracking Link inside Order Overview KPI */
.dg-order-overview-kpi__control a.dg-woo-tracking {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	padding: 5px 10px;
	border-radius: 6px;
	background-color: var(--dg-acc-surface-muted);
	border: 1px solid var(--dg-acc-border-strong);
	font-family: var(--dg-acc-font-mono);
	font-size: 0.76rem !important;
	font-weight: 600 !important;
	color: var(--dg-acc-ink-900) !important;
	text-decoration: none !important;
	transition: all 0.15s ease;
}

.dg-order-overview-kpi__control a.dg-woo-tracking:hover {
	background-color: var(--dg-acc-navy-subtle);
	border-color: var(--dg-acc-blue);
	color: var(--dg-acc-navy) !important;
}

.dg-order-overview-kpi__control a.dg-woo-tracking::after {
	content: "";
	width: 12px;
	height: 12px;
	display: inline-block;
	flex-shrink: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230085ca' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px 12px;
}

/* DG-Woo Invoice Download Button inside Order Overview KPI */
.dg-order-overview-kpi__control .dg-woo-invoice-download {
	display: inline-flex !important;
	align-items: center;
	gap: 7px;
	height: 31px;
	padding: 0 12px;
	border-radius: 6px;
	background-color: var(--dg-acc-navy-subtle);
	border: 1px solid #bfdbfe;
	color: var(--dg-acc-navy);
	font-family: var(--dg-acc-font-sans);
	font-size: 0.78rem;
	font-weight: 600;
	cursor: pointer;
	user-select: none;
	transition: all 0.15s ease;
}

.dg-order-overview-kpi__control .dg-woo-invoice-download:hover {
	background-color: var(--dg-acc-navy);
	border-color: var(--dg-acc-navy);
	color: #ffffff;
}

/* CRITICAL: Ensure clicking icon inside .dg-woo-invoice-download hits the parent span's id */
.dg-order-overview-kpi__control .dg-woo-invoice-download * {
	pointer-events: none !important;
}

.dg-order-overview-kpi__control .dg-woo-invoice-download i.fa-download {
	font-size: 0 !important;
	width: 14px;
	height: 14px;
	display: inline-block !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23113a73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M12 18v-6'/%3E%3Cpath d='m9 15 3 3 3-3'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 14px;
}

.dg-order-overview-kpi__control .dg-woo-invoice-download:hover i.fa-download {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M12 18v-6'/%3E%3Cpath d='m9 15 3 3 3-3'/%3E%3C/svg%3E");
}

.dg-order-overview-kpi__control .dg-woo-invoice-download i.fa-download::before {
	display: none !important;
}

.dg-order-overview-kpi__control .dg-cell-muted {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--dg-acc-ink-600);
}

/* Pending Payment Action Banner inside .dg-order-overview-card */
.dg-order-payment-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	padding: 16px 22px !important;
	background-color: var(--dg-acc-amber-bg) !important;
	border-top: 1px solid var(--dg-acc-amber-border) !important;
	border-left: 4px solid #f59e0b !important;
}

.dg-order-payment-banner__info,
.dg-order-payment-banner__main {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	flex: 1 1 420px;
}

.dg-order-payment-banner__icon {
	width: 36px;
	height: 36px;
	min-width: 36px;
	border-radius: 8px;
	background-color: rgba(245, 158, 11, 0.16);
	color: var(--dg-acc-amber-text);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.dg-order-payment-banner__title {
	display: block;
	font-size: 0.90625rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-amber-text) !important;
	margin: 0 0 2px 0 !important;
}

.dg-order-payment-banner__desc {
	font-size: 0.8125rem !important;
	color: #92400e !important;
	margin: 0 !important;
	line-height: 1.45 !important;
}

.dg-order-payment-banner__actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

/* Customer Order Updates / Notes Timeline */
.dg-order-updates-list,
.dg-order-notes-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 20px 24px !important;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.dg-order-update-item,
.dg-order-notes-item {
	background-color: var(--dg-acc-surface-muted);
	border: 1px solid var(--dg-acc-border);
	border-left: 3px solid var(--dg-acc-blue);
	border-radius: var(--dg-acc-radius-md);
	padding: 12px 16px;
}

.dg-order-update-item__meta,
.dg-order-notes-item__meta {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--dg-acc-ink-500);
	margin: 0 0 6px 0 !important;
}

.dg-order-update-item__body p,
.dg-order-notes-item__description p {
	font-size: 0.84375rem !important;
	color: var(--dg-acc-ink-700) !important;
	margin: 0 !important;
}

/* 2-Column Main Order Details Layout (Items Ledger Left, Customer Snapshot Right) */
.dg-order-details-layout {
	display: grid;
	grid-template-columns: minmax(0, 7.6fr) minmax(300px, 4.4fr);
	gap: 24px;
	align-items: start;
}

@media (max-width: 1099.98px) {
	.dg-order-details-layout {
		grid-template-columns: 1fr;
	}
}

.dg-order-items-card {
	padding: 0 !important;
	overflow: hidden;
}

.dg-order-items-card__header {
	padding: 20px 24px !important;
	margin: 0 !important;
	border-bottom: 1px solid var(--dg-acc-border) !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.dg-order-items-card__header .dg-card-header__main {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.dg-order-items-card__header .dg-card-header__icon {
	width: 36px;
	height: 36px;
	min-width: 36px;
	border-radius: 8px;
	background-color: var(--dg-acc-navy-subtle);
	color: var(--dg-acc-navy);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
}

/* Order Items Table */
.dg-order-items-table-wrap {
	width: 100%;
	overflow-x: auto;
}

body.logged-in.woocommerce-account #page #content table.dg-order-items-table {
	width: 100% !important;
	margin: 0 !important;
	border: none !important;
	border-collapse: collapse !important;
}

body.logged-in.woocommerce-account #page #content table.dg-order-items-table thead th {
	background-color: var(--dg-acc-surface-muted) !important;
	color: var(--dg-acc-ink-500) !important;
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	padding: 12px 24px !important;
	border-top: none !important;
	border-bottom: 1px solid var(--dg-acc-border) !important;
}

body.logged-in.woocommerce-account #page #content table.dg-order-items-table thead th.product-total {
	text-align: right !important;
	width: 160px;
}

body.logged-in.woocommerce-account #page #content table.dg-order-items-table tbody td {
	padding: 18px 24px !important;
	border-top: none !important;
	border-bottom: 1px solid var(--dg-acc-border) !important;
	vertical-align: middle !important;
	background-color: var(--dg-acc-surface) !important;
}

body.logged-in.woocommerce-account #page #content table.dg-order-items-table tbody td.product-total {
	text-align: right !important;
	white-space: nowrap !important;
	font-variant-numeric: tabular-nums;
}

/* Line Item Row Architecture (Thumbnail + Name/Qty + SKU/Unit Price) */
.dg-order-item-row {
	display: flex;
	align-items: center;
	gap: 16px;
}

.dg-order-item-row__thumb {
	width: 56px;
	height: 56px;
	min-width: 56px;
	border-radius: 8px;
	background-color: var(--dg-acc-surface-muted);
	border: 1px solid var(--dg-acc-border);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 4px;
}

.dg-order-item-row__thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	margin: 0 !important;
	border-radius: 4px;
}

.dg-order-item-row__thumb-fallback {
	color: var(--dg-acc-ink-400);
	display: inline-flex;
}

.dg-order-item-row__body {
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
}

.dg-order-item-row__title-line {
	display: flex;
	align-items: baseline;
	gap: 8px;
	flex-wrap: wrap;
}

.dg-order-item-row__name,
body.logged-in.woocommerce-account #page #content table.dg-order-items-table .dg-order-item-row__name a {
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.90625rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-ink-900) !important;
	text-decoration: none !important;
	line-height: 1.35 !important;
	transition: color 0.15s ease;
}

body.logged-in.woocommerce-account #page #content table.dg-order-items-table .dg-order-item-row__name a:hover,
body.logged-in.woocommerce-account #page #content table.dg-order-items-table .dg-order-item-row__name a:focus {
	color: var(--dg-acc-blue) !important;
	text-decoration: none !important;
}

.dg-order-item-row__qty {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 999px;
	background-color: var(--dg-acc-navy-subtle);
	color: var(--dg-acc-navy);
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.3;
}

.dg-order-item-row__submeta {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.dg-order-item-row__sku {
	display: inline-flex;
	align-items: center;
	padding: 2px 7px;
	border-radius: 4px;
	background-color: var(--dg-acc-surface-muted);
	border: 1px solid var(--dg-acc-border);
	font-family: var(--dg-acc-font-mono);
	font-size: 0.72rem;
	font-weight: 600;
	color: var(--dg-acc-ink-600);
	white-space: nowrap;
}

.dg-order-item-row__unit-price,
.dg-order-item-row__unit-price .woocommerce-Price-amount {
	font-size: 0.76rem;
	color: var(--dg-acc-ink-500);
	font-variant-numeric: tabular-nums;
}

.dg-order-item-row__total,
.dg-order-item-row__total .woocommerce-Price-amount {
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--dg-acc-ink-900);
	font-variant-numeric: tabular-nums;
}

.dg-order-item-row__total small.tax_label {
	display: block;
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--dg-acc-ink-400);
}

/* Financial Summary Ledger (tfoot) */
body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot th,
body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot td {
	padding: 12px 24px !important;
	border-top: none !important;
	border-bottom: 1px solid var(--dg-acc-border) !important;
	background-color: #fcfdfe !important;
	font-family: var(--dg-acc-font-sans) !important;
	vertical-align: middle !important;
}

body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot th {
	font-size: 0.84375rem !important;
	font-weight: 600 !important;
	color: var(--dg-acc-ink-600) !important;
	text-align: right !important;
}

body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot td {
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	color: var(--dg-acc-ink-900) !important;
	text-align: right !important;
	font-variant-numeric: tabular-nums;
	width: 240px;
	white-space: nowrap;
}

body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot tr.dg-order-total-row--customer-note td {
	white-space: normal;
}

/* Grand Total Row Highlight */
body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot tr.dg-order-total-row--order_total th,
body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot tr.dg-order-total-row--order_total td {
	background-color: var(--dg-acc-surface-muted) !important;
	border-top: 2px solid var(--dg-acc-border-strong) !important;
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}

body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot tr:last-child th,
body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot tr:last-child td {
	border-bottom: none !important;
}

body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot tr.dg-order-total-row--order_total th {
	font-size: 0.9375rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-ink-900) !important;
}

body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot tr.dg-order-total-row--order_total td,
body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot tr.dg-order-total-row--order_total td > .woocommerce-Price-amount {
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-navy) !important;
}

body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot tr.dg-order-total-row--order_total td small.includes_tax {
	display: block;
	font-size: 0.74rem !important;
	font-weight: 500 !important;
	color: var(--dg-acc-ink-500) !important;
	margin-top: 2px;
}

body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot tr.dg-order-total-row--order_total td small.includes_tax .woocommerce-Price-amount {
	font-size: 0.74rem !important;
	font-weight: 600 !important;
	color: var(--dg-acc-ink-600) !important;
}

.dg-order-table-actions {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	flex-wrap: wrap;
}

/* Reorder / After-Table Footer Bar */
.dg-order-details-after-table:empty {
	display: none;
}

.dg-order-details-after-table {
	padding: 16px 24px;
	background-color: var(--dg-acc-surface-muted);
	border-top: 1px solid var(--dg-acc-border);
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.dg-order-again {
	margin: 0 !important;
}

/* Right Column: Customer & Address Snapshot Sidebar Cards */
.dg-order-customer-details {
	margin: 0 !important;
}

.dg-order-address-stack {
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
	margin: 0 !important;
}

body.logged-in.woocommerce-account #page #content .dg-order-address-stack > .dg-order-address-card {
	width: 100% !important;
	max-width: 100% !important;
	flex: none !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
}

.dg-order-address-card__header {
	padding: 18px 22px !important;
	margin: 0 !important;
	border-bottom: 1px solid var(--dg-acc-border) !important;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: nowrap;
}

.dg-order-address-card__header .dg-card-header__main {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.dg-order-address-card__header .dg-card-header__icon {
	width: 34px;
	height: 34px;
	min-width: 34px;
	border-radius: 8px;
	background-color: var(--dg-acc-surface-subtle);
	color: var(--dg-acc-ink-700);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.dg-order-address-card--shipping .dg-order-address-card__header .dg-card-header__icon {
	background-color: var(--dg-acc-navy-subtle);
	color: var(--dg-acc-navy);
}

.dg-order-address-card__body {
	padding: 18px 22px !important;
	margin: 0 !important;
	font-style: normal !important;
	border: none !important;
	border-radius: 0 !important;
}

.dg-order-address-card__formatted {
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--dg-acc-ink-700);
}

.dg-order-address-card__formatted--empty {
	color: var(--dg-acc-ink-400);
	font-style: italic;
}

.dg-order-address-card__meta-list {
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid var(--dg-acc-border);
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.dg-order-address-card__meta-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 0.8125rem !important;
	line-height: 1.4 !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--dg-acc-ink-600);
}

.dg-order-address-card__meta-item::before {
	display: none !important;
}

.dg-order-address-card__meta-icon {
	color: var(--dg-acc-ink-400);
	display: inline-flex;
	align-items: center;
}

.dg-order-address-card__meta-icon svg {
	width: 14px;
	height: 14px;
}

.dg-order-address-card__meta-label {
	font-weight: 600;
	color: var(--dg-acc-ink-500);
}

.dg-order-address-card__meta-value {
	font-weight: 600;
	color: var(--dg-acc-ink-900);
}


/* ==========================================================================
   15. COMPLETE MOBILE & TABLET RESPONSIVE ARCHITECTURE (360px – 1024px)
   ========================================================================== */

/* 15.1 Neutralize legacy style.custom.css (.woocommerce-MyAccount-navigation > div) on all viewports */
body.logged-in.woocommerce-account #page #content .dg-account-nav > .dg-account-nav__panel {
	display: block !important;
	flex-direction: column !important;
	overflow: visible !important;
	padding: 0 !important;
}

/* Desktop >= 1025px: Hide mobile navigation toggle bar completely */
@media (min-width: 1025px) {
	body.logged-in.woocommerce-account #page #content .dg-account-nav > .dg-account-nav__mobile-bar {
		display: none !important;
	}
}

/* 15.2 Tablet & Mobile Workspace Shell + Accessible Navigation Drawer (<= 1024px) */
@media (max-width: 1024px) {
	body.logged-in.woocommerce-account #page-wrapper,
	body.logged-in.woocommerce-account #full-width-page-wrapper,
	body.logged-in.woocommerce-account #no-title-page-wrapper,
	body.logged-in.woocommerce-account #woocommerce-wrapper,
	body.logged-in.woocommerce-account #page > .wrapper:not(#wrapper-footer-full):not(#wrapper-footer) {
		padding-top: 16px !important;
		padding-bottom: 56px !important;
	}

	body.logged-in.woocommerce-account #page #content {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	body.logged-in.woocommerce-account .woocommerce {
		grid-template-columns: 1fr !important;
		gap: 18px !important;
	}

	body.logged-in.woocommerce-account #page #content .woocommerce-MyAccount-navigation.dg-account-nav {
		position: relative !important;
		top: auto !important;
		padding: 12px 14px !important;
		border-radius: var(--dg-acc-radius-lg) !important;
	}

	/* Compact Mobile/Tablet Identity & Active Section Bar */
	body.logged-in.woocommerce-account #page #content .dg-account-nav > .dg-account-nav__mobile-bar {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
		overflow: visible !important;
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
	}

	.dg-account-nav__mobile-summary {
		display: flex;
		align-items: center;
		gap: 11px;
		min-width: 0;
		flex: 1 1 auto;
	}

	.dg-account-nav__avatar--sm {
		width: 38px;
		height: 38px;
		min-width: 38px;
		border-radius: 9px;
		font-size: 0.8125rem;
	}

	.dg-account-nav__mobile-meta {
		display: flex;
		flex-direction: column;
		gap: 2px;
		min-width: 0;
	}

	.dg-account-nav__mobile-user {
		font-size: 0.75rem;
		font-weight: 600;
		color: var(--dg-acc-ink-500);
		line-height: 1.2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.dg-account-nav__mobile-current {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		font-size: 0.90625rem;
		font-weight: 700;
		color: var(--dg-acc-navy);
		line-height: 1.25;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.dg-account-nav__mobile-current-icon {
		color: var(--dg-acc-blue);
		flex-shrink: 0;
	}

	/* Accessible Disclosure Toggle Button (>= 44x44px touch target) */
	body.logged-in.woocommerce-account #page #content .dg-account-nav__toggle {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		min-height: 44px !important;
		height: 44px !important;
		padding: 0 14px !important;
		margin: 0 !important;
		border-radius: var(--dg-acc-radius-md) !important;
		background-color: var(--dg-acc-surface-muted) !important;
		border: 1px solid var(--dg-acc-border-strong) !important;
		color: var(--dg-acc-navy) !important;
		font-family: var(--dg-acc-font-sans) !important;
		font-size: 0.8125rem !important;
		font-weight: 600 !important;
		cursor: pointer !important;
		flex-shrink: 0 !important;
		transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
	}

	body.logged-in.woocommerce-account #page #content .dg-account-nav__toggle:hover,
	body.logged-in.woocommerce-account #page #content .dg-account-nav.is-open .dg-account-nav__toggle {
		background-color: var(--dg-acc-navy-subtle) !important;
		border-color: var(--dg-acc-blue) !important;
		color: var(--dg-acc-navy) !important;
	}

	.dg-account-nav__toggle-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.dg-account-nav:not(.is-open) .dg-account-nav__toggle-icon--close {
		display: none !important;
	}

	.dg-account-nav.is-open .dg-account-nav__toggle-icon--open {
		display: none !important;
	}

	/* Collapsible Drawer Panel */
	body.logged-in.woocommerce-account #page #content .dg-account-nav:not(.is-open) > .dg-account-nav__panel {
		display: none !important;
	}

	body.logged-in.woocommerce-account #page #content .dg-account-nav.is-open > .dg-account-nav__panel {
		display: block !important;
		margin-top: 12px !important;
		padding-top: 12px !important;
		border-top: 1px solid var(--dg-acc-border) !important;
	}

	/* Compact identity block inside open mobile panel (avoid repeating avatar/name shown in top bar) */
	.dg-account-nav__panel .dg-account-nav__identity {
		padding: 4px 8px 12px;
		margin-bottom: 8px;
	}

	.dg-account-nav__panel .dg-account-nav__avatar,
	.dg-account-nav__panel .dg-account-nav__user-name {
		display: none !important;
	}

	.dg-account-nav__panel .dg-account-nav__role-row {
		margin-top: 6px;
	}

	/* Touch-friendly 44px navigation items on tablet/mobile */
	body.logged-in.woocommerce-account #page #content .dg-account-nav a.dg-account-nav__link {
		min-height: 44px !important;
		padding: 10px 12px !important;
		font-size: 0.90625rem !important;
	}

	/* Touch-friendly 44px form inputs, selects & password toggles on <= 1024px */
	body.logged-in.woocommerce-account form .form-row input.input-text,
	body.logged-in.woocommerce-account form .form-row select:not(.select2-hidden-accessible),
	body.logged-in.woocommerce-account .select2-container--default .select2-selection--single,
	body.logged-in.woocommerce-account #page #content #root form.servicesForm .form-control:not(textarea) {
		height: 44px !important;
		min-height: 44px !important;
	}

	body.logged-in.woocommerce-account #page #content .dg-address-fields-grid .select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 42px !important;
	}

	body.logged-in.woocommerce-account #page #content .dg-address-fields-grid .select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 42px !important;
	}

	body.logged-in.woocommerce-account .password-input .show-password-input {
		width: 38px !important;
		height: 38px !important;
		right: 4px !important;
	}
}

/* 15.3 Disable Sticky Positioning on Stacked Split Columns & Footer Text Normalization (<= 1199.98px) */
body.woocommerce-account #wrapper-footer-full .standard,
body.woocommerce-account #wrapper-footer-full .card-body h3.widget-title {
	white-space: normal !important;
	overflow-wrap: break-word !important;
	word-break: normal !important;
}

@media (max-width: 1199.98px) {
	.dg-account-fiscal-card {
		position: static !important;
		top: auto !important;
	}

	/* Allow long footer links (e.g. physical warehouse address) to wrap on tablet viewports instead of overflowing horizontally */
	body.woocommerce-account #wrapper-footer-full li a {
		white-space: normal !important;
		overflow-wrap: anywhere;
	}

	body.woocommerce-account #wrapper-footer-full {
		overflow-x: hidden;
	}
}

@media (max-width: 991.98px) {
	/* Stack the 3 footer certification badges cleanly below 992px so they never collide at 768px */
	body.woocommerce-account #wrapper-footer-full #footer-full-content > .row.d-flex.justify-content-center > .col-md-4.card {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		margin-top: 12px !important;
		margin-bottom: 12px !important;
	}

	body.woocommerce-account #wrapper-footer-full #footer-full-content > .row.d-flex.justify-content-center > .col-md-4.card .row {
		text-align: left !important;
	}
}

@media (max-width: 1099.98px) {
	.dg-address-editor-aside {
		position: static !important;
		top: auto !important;
	}
}

/* 15.4 Responsive Orders Card Transformation (<= 899.98px — Covers 768px Tablet & 360px-430px Mobile) */
@media (max-width: 899.98px) {
	.dg-orders-table-scroll {
		overflow-x: visible !important;
	}

	.dg-account-orders-card .dg-orders-table-scroll {
		padding: 16px !important;
		background-color: var(--dg-acc-surface-muted);
	}

	body.logged-in.woocommerce-account #page #content table.dg-orders-table,
	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody {
		display: block !important;
		width: 100% !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-orders-table thead {
		display: none !important;
	}

	/* Suppress generic WooCommerce shop_table_responsive td::before labels except where explicitly enabled */
	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody tr td::before,
	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody tr th::before {
		content: none !important;
		display: none !important;
	}

	/* Transform each order row into a structured 2-column B2B Order Card */
	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody tr {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		gap: 8px 12px !important;
		background-color: var(--dg-acc-surface) !important;
		border: 1px solid var(--dg-acc-border-strong) !important;
		border-radius: var(--dg-acc-radius-md) !important;
		padding: 16px !important;
		margin: 0 0 14px 0 !important;
		box-shadow: var(--dg-acc-shadow-card) !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody tr:last-child {
		margin-bottom: 0 !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody td,
	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody th {
		display: block !important;
		width: auto !important;
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
		background: transparent !important;
		text-align: left !important;
	}

	/* Row 1 Left: Order # Badge */
	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody .woocommerce-orders-table__cell-order-number {
		grid-column: 1 / 2 !important;
		grid-row: 1 !important;
		align-self: center !important;
	}

	/* Row 1 Right: Status Pill */
	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody .woocommerce-orders-table__cell-order-status {
		grid-column: 2 / 3 !important;
		grid-row: 1 !important;
		justify-self: end !important;
		align-self: center !important;
		text-align: right !important;
	}

	/* Row 2 Left: Order Date */
	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody .woocommerce-orders-table__cell-order-date {
		grid-column: 1 / 2 !important;
		grid-row: 2 !important;
		align-self: center !important;
		padding-bottom: 6px !important;
		font-size: 0.8125rem !important;
	}

	/* Row 2 Right: Order Total + Item Count */
	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody .woocommerce-orders-table__cell-order-total {
		grid-column: 2 / 3 !important;
		grid-row: 2 !important;
		justify-self: end !important;
		align-self: center !important;
		text-align: right !important;
		padding-bottom: 6px !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody .dg-order-total-cell {
		justify-content: flex-end !important;
	}

	/* Row 3 & Row 4: Logistics Tracking & Official Invoice PDF Rows */
	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody .woocommerce-orders-table__cell-dgw_tracking,
	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody .woocommerce-orders-table__cell-dgw_invoice {
		grid-column: 1 / -1 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 10px !important;
		padding-top: 10px !important;
		border-top: 1px solid var(--dg-acc-border-subtle) !important;
		white-space: normal !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody tr td.woocommerce-orders-table__cell-dgw_tracking::before,
	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody tr td.woocommerce-orders-table__cell-dgw_invoice::before {
		content: attr(data-title) !important;
		display: inline-block !important;
		font-size: 0.72rem !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.055em !important;
		color: var(--dg-acc-ink-500) !important;
		float: none !important;
		flex-shrink: 0;
	}

	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody .woocommerce-orders-table__cell-dgw_invoice .dg-woo-invoice-download {
		min-height: 38px !important;
		height: 38px !important;
		padding: 0 13px !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody .woocommerce-orders-table__cell-dgw_tracking a,
	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody .dg-tracking-chip {
		min-height: 34px !important;
		padding: 5px 10px !important;
	}

	/* Row 5: Order Actions Bar */
	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody .woocommerce-orders-table__cell-order-actions {
		grid-column: 1 / -1 !important;
		display: block !important;
		padding-top: 12px !important;
		margin-top: 2px !important;
		border-top: 1px solid var(--dg-acc-border) !important;
		text-align: left !important;
		white-space: normal !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody .dg-order-actions-group {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		width: 100% !important;
		justify-content: stretch !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-orders-table tbody .dg-order-actions-group > a.button:not([style*="display:none"]):not([style*="display: none"]):not([hidden]) {
		flex: 1 1 auto !important;
		min-height: 40px !important;
		height: 40px !important;
		padding: 0 14px !important;
		font-size: 0.8125rem !important;
	}
}

/* 15.5 Tablet Portrait Adjustments (<= 820px — Covers 768x1024) */
@media (max-width: 820px) {
	.dg-addresses-primary-grid,
	.dg-address-book-grid {
		grid-template-columns: 1fr !important;
	}

	.dg-dashboard-kpi-strip {
		grid-template-columns: 1fr !important;
	}

	.dg-dashboard-kpi + .dg-dashboard-kpi {
		border-left: none !important;
		border-top: 1px solid var(--dg-acc-border) !important;
	}
}

/* 15.6 Mobile Viewport Refinements (<= 639.98px — Covers 430px, 390px, 360px) */
@media (max-width: 639.98px) {
	body.logged-in.woocommerce-account #page #content {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}

	/* Page Headers & Section Bars */
	.dg-account-page-header {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
		margin-bottom: 18px !important;
		padding-bottom: 14px !important;
	}

	.dg-account-page-header__title,
	.dg-account-profile-card__greeting,
	body.logged-in.woocommerce-account #page #content #root h4.mt-4 {
		font-size: 1.3125rem !important;
	}

	.dg-page-header--subview {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 14px !important;
	}

	.dg-page-header__main {
		flex: none !important;
		width: 100% !important;
	}

	.dg-page-header__actions {
		width: 100% !important;
	}

	body.logged-in.woocommerce-account #page #content .dg-page-header__actions > .dg-btn {
		width: 100% !important;
		min-height: 42px !important;
		height: 42px !important;
	}

	.dg-section-bar {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 10px !important;
	}

	body.logged-in.woocommerce-account #page #content .dg-section-bar > .dg-btn {
		width: 100% !important;
		min-height: 40px !important;
		height: 40px !important;
	}

	/* Dashboard Profile Card, Alerts & Quick Modules */
	.dg-account-profile-card__main {
		padding: 18px 16px 16px !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
	}

	.dg-dashboard-kpi {
		padding: 14px 16px !important;
	}

	.dg-dashboard-orders-panel {
		padding: 16px !important;
	}

	.dg-account-alert--pending {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
		padding: 16px !important;
	}

	.dg-account-alert__actions,
	body.logged-in.woocommerce-account #page #content .dg-account-alert__actions > .dg-btn {
		width: 100% !important;
		min-height: 40px !important;
	}

	.dg-account-grid {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}

	.dg-account-footer-info__block {
		padding: 14px 16px !important;
	}

	/* Account Details (Fiscal Ledger + Credentials Form) */
	.dg-account-fiscal-card,
	.dg-account-access-card {
		padding: 18px 16px !important;
	}

	.dg-account-card__header {
		flex-wrap: wrap !important;
		gap: 10px !important;
	}

	.dg-fiscal-ledger {
		grid-template-columns: 1fr !important;
	}

	.dg-fiscal-ledger__item {
		grid-column: 1 / -1 !important;
		border-right: none !important;
	}

	.dg-fiscal-ledger__item:last-child {
		border-bottom: none !important;
	}

	body.logged-in.woocommerce-account #page #content .dg-account-form__actions > button[type="submit"]:not([style*="display:none"]):not([style*="display: none"]):not([hidden]) {
		width: 100% !important;
		min-height: 44px !important;
		height: 44px !important;
	}

	/* Addresses & Address Book Cards */
	.dg-address-card {
		padding: 18px 16px !important;
	}

	.dg-address-card__header {
		flex-wrap: wrap !important;
		gap: 10px !important;
	}

	.dg-address-card__footer {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
	}

	.dg-address-card__actions,
	body.logged-in.woocommerce-account #page #content .dg-address-card__actions > .dg-btn:not([style*="display:none"]):not([style*="display: none"]):not([hidden]) {
		width: 100% !important;
		min-height: 42px !important;
		height: 42px !important;
	}

	.dg-address-book-section__header {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 12px !important;
	}

	.dg-address-book-section__actions,
	body.logged-in.woocommerce-account #page #content .dg-address-book-section__actions .add.button:not([style*="display:none"]):not([style*="display: none"]):not([hidden]) {
		width: 100% !important;
		min-height: 44px !important;
		height: 44px !important;
	}

	/* Secondary Address Card Action Footer (Edit, Make Default, Delete) */
	.dg-address-card--additional .wc-address-book-meta {
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
	}

	body.logged-in.woocommerce-account #page #content .dg-address-card--additional .wc-address-book-meta > a.wc-address-book-edit:not([style*="display:none"]):not([style*="display: none"]):not([hidden]),
	body.logged-in.woocommerce-account #page #content .dg-address-card--additional .wc-address-book-meta > button.wc-address-book-make-default:not([style*="display:none"]):not([style*="display: none"]):not([hidden]) {
		flex: 1 1 auto !important;
		min-height: 42px !important;
		height: 42px !important;
		font-size: 0.8125rem !important;
	}

	body.logged-in.woocommerce-account #page #content .dg-address-card--additional .wc-address-book-meta > button.wc-address-book-delete:not([style*="display:none"]):not([style*="display: none"]):not([hidden]) {
		flex: 1 1 100% !important;
		min-height: 40px !important;
		height: 40px !important;
		font-size: 0.8125rem !important;
	}

	/* Shipping Address Editor (form-edit-address.php) */
	.dg-address-editor-card__header {
		padding: 16px !important;
		flex-wrap: wrap !important;
		gap: 10px !important;
	}

	.dg-address-editor-card__body {
		padding: 18px 16px !important;
	}

	#shipping_address_nickname_field {
		padding: 14px 16px !important;
	}

	.dg-address-editor-card__footer {
		margin: 20px -16px -18px -16px !important;
		padding: 16px !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 12px !important;
	}

	.dg-address-editor-card__footer-actions {
		width: 100% !important;
		margin-left: 0 !important;
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
	}

	body.logged-in.woocommerce-account #page #content .dg-address-editor-card__footer-actions > .dg-btn:not([style*="display:none"]):not([style*="display: none"]):not([hidden]) {
		flex: 1 1 calc(50% - 4px) !important;
		min-height: 44px !important;
		height: 44px !important;
	}

	.dg-address-aside-card {
		padding: 18px 16px !important;
	}

	/* Individual Order Details (view-order.php, order-details*.php) */
	.dg-order-overview-kpi {
		padding: 15px 16px !important;
		border-right: none !important;
		border-bottom: 1px solid var(--dg-acc-border) !important;
	}

	.dg-order-overview-kpi:last-child {
		border-bottom: none !important;
	}

	.dg-order-overview-kpi__control .dg-woo-invoice-download {
		min-height: 38px !important;
		height: 38px !important;
		padding: 0 13px !important;
	}

	.dg-order-payment-banner {
		padding: 16px !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 14px !important;
	}

	.dg-order-payment-banner__info,
	.dg-order-payment-banner__main {
		flex: none !important;
		width: 100% !important;
	}

	.dg-order-payment-banner__actions {
		width: 100% !important;
		display: flex !important;
		gap: 8px !important;
	}

	body.logged-in.woocommerce-account #page #content .dg-order-payment-banner__actions > .dg-btn:not([style*="display:none"]):not([style*="display: none"]):not([hidden]) {
		flex: 1 1 auto !important;
		min-height: 42px !important;
		height: 42px !important;
	}

	.dg-order-items-card__header {
		padding: 16px !important;
	}

	/* Reflow Order Line Items Table into Mobile Item Rows (Zero Horizontal Squeeze) */
	.dg-order-items-table-wrap {
		overflow-x: visible !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-order-items-table,
	body.logged-in.woocommerce-account #page #content table.dg-order-items-table tbody,
	body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot {
		display: block !important;
		width: 100% !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-order-items-table thead {
		display: none !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-order-items-table td::before,
	body.logged-in.woocommerce-account #page #content table.dg-order-items-table th::before {
		content: none !important;
		display: none !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-order-items-table tbody tr {
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
		padding: 16px !important;
		border-bottom: 1px solid var(--dg-acc-border) !important;
		background-color: var(--dg-acc-surface) !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-order-items-table tbody td {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
		border: none !important;
		background: transparent !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-order-items-table tbody td.product-total {
		display: flex !important;
		align-items: baseline !important;
		justify-content: flex-end !important;
		gap: 8px !important;
		padding-top: 8px !important;
		border-top: 1px dashed var(--dg-acc-border) !important;
		text-align: right !important;
	}

	.dg-order-item-row {
		align-items: flex-start !important;
		gap: 12px !important;
	}

	/* Reflow Financial Summary (tfoot) Rows cleanly on narrow mobile */
	body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot tr {
		display: flex !important;
		align-items: baseline !important;
		justify-content: space-between !important;
		gap: 12px !important;
		padding: 11px 16px !important;
		border-bottom: 1px solid var(--dg-acc-border) !important;
		background-color: #fcfdfe !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot tr:last-child {
		border-bottom: none !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot tr.dg-order-total-row--order_total {
		background-color: var(--dg-acc-surface-muted) !important;
		border-top: 2px solid var(--dg-acc-border-strong) !important;
		padding: 14px 16px !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot th,
	body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot td,
	body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot tr.dg-order-total-row--order_total th,
	body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot tr.dg-order-total-row--order_total td {
		display: block !important;
		padding: 0 !important;
		border: none !important;
		border-top: none !important;
		border-bottom: none !important;
		background: transparent !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot th {
		text-align: left !important;
		flex: 0 0 auto !important;
		max-width: 42% !important;
	}

	body.logged-in.woocommerce-account #page #content table.dg-order-items-table tfoot td {
		text-align: right !important;
		width: auto !important;
		flex: 1 1 auto !important;
		white-space: normal !important;
	}

	.dg-order-details-after-table {
		padding: 14px 16px !important;
	}

	.dg-order-details-after-table .dg-order-again,
	body.logged-in.woocommerce-account #page #content .dg-order-details-after-table .dg-order-again > .dg-btn:not([style*="display:none"]):not([style*="display: none"]):not([hidden]) {
		width: 100% !important;
		min-height: 42px !important;
		height: 42px !important;
	}

	.dg-order-address-card__header {
		padding: 16px !important;
		flex-wrap: wrap !important;
	}

	.dg-order-address-card__body {
		padding: 16px !important;
	}

	/* DG-Woo Services / RMA (#root) Mobile Adaptation */
	body.logged-in.woocommerce-account #page #content #root {
		margin-bottom: 56px !important;
	}

	body.logged-in.woocommerce-account #page #content #root nav.nav {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
	}

	body.logged-in.woocommerce-account #page #content #root nav.nav a.btn {
		flex: 1 1 auto !important;
		height: auto !important;
		min-height: 42px !important;
		padding: 8px 12px !important;
		justify-content: center !important;
		white-space: normal !important;
		line-height: 1.25 !important;
		font-size: 0.8125rem !important;
	}

	body.logged-in.woocommerce-account #page #content #root form.servicesForm {
		padding: 18px 16px !important;
		gap: 14px !important;
	}

	body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:has(> hr) > div > div {
		padding: 14px !important;
		gap: 12px !important;
	}

	body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:has(> hr) > div > div > .d-flex.justify-content-end {
		flex-wrap: wrap !important;
	}

	body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="add_item"],
	body.logged-in.woocommerce-account #page #content #root form.servicesForm button[title="remove_item"] {
		flex: 1 1 auto !important;
		justify-content: center !important;
		min-height: 40px !important;
		height: 40px !important;
	}

	body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:has(> button.btn-success),
	body.logged-in.woocommerce-account #page #content #root form.servicesForm > .form-group:last-child {
		flex-wrap: wrap !important;
		gap: 10px !important;
	}

	body.logged-in.woocommerce-account #page #content #root form.servicesForm button.btn-success,
	body.logged-in.woocommerce-account #page #content #root form.servicesForm button.btn-info {
		flex: 1 1 calc(50% - 5px) !important;
		justify-content: center !important;
		min-height: 44px !important;
		height: 44px !important;
	}
}

/* 15.7 Small Mobile Refinements (<= 380px — Minimum 360px Layout Polish) */
@media (max-width: 380px) {
	.dg-account-nav__toggle-label {
		font-size: 0.75rem !important;
	}

	body.logged-in.woocommerce-account #page #content .dg-account-nav__toggle {
		padding: 0 11px !important;
	}

	.dg-address-editor-card__footer-actions > .dg-btn {
		flex: 1 1 100% !important;
	}
}

/* 15.8 Anonymous Account Screens (Login, Registration, Lost Password) B2B Design Harmonization & Responsive Layout */
body.woocommerce-account:not(.logged-in) #page #content .woocommerce form.login,
body.woocommerce-account:not(.logged-in) #page #content .woocommerce form.register,
body.woocommerce-account:not(.logged-in) #page #content .woocommerce form.lost_reset_password {
	background-color: var(--dg-acc-surface) !important;
	border: 1px solid var(--dg-acc-border) !important;
	border-radius: var(--dg-acc-radius-lg) !important;
	box-shadow: var(--dg-acc-shadow-card) !important;
	font-family: var(--dg-acc-font-sans) !important;
}

body.woocommerce-account:not(.logged-in) #customer_login h2.widget-title {
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 1.25rem !important;
	font-weight: 700 !important;
	color: var(--dg-acc-ink-900) !important;
	letter-spacing: -0.02em !important;
}

body.woocommerce-account:not(.logged-in) #customer_login label,
body.woocommerce-account:not(.logged-in) .lost_reset_password label {
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	color: var(--dg-acc-ink-700) !important;
	margin-bottom: 6px !important;
}

body.woocommerce-account:not(.logged-in) #customer_login label .required {
	color: var(--dg-acc-blue) !important;
	text-decoration: none !important;
}

body.woocommerce-account:not(.logged-in) #customer_login input.input-text,
body.woocommerce-account:not(.logged-in) .lost_reset_password input.input-text {
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.875rem !important;
	color: var(--dg-acc-ink-900) !important;
	background-color: var(--dg-acc-surface) !important;
	border: 1px solid var(--dg-acc-border-strong) !important;
	border-radius: var(--dg-acc-radius-md) !important;
	height: 42px !important;
	padding: 8px 13px !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .password-input input.input-text {
	padding-right: 46px !important;
}

body.woocommerce-account:not(.logged-in) #customer_login form.login .woocommerce-form-login__submit,
body.woocommerce-account:not(.logged-in) .lost_reset_password button[type="submit"] {
	background-color: var(--dg-acc-navy) !important;
	border: 1px solid var(--dg-acc-navy) !important;
	border-radius: var(--dg-acc-radius-md) !important;
	color: #ffffff !important;
	font-family: var(--dg-acc-font-sans) !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	min-height: 42px !important;
	transition: background-color 0.15s ease, border-color 0.15s ease !important;
}

body.woocommerce-account:not(.logged-in) #customer_login form.login .woocommerce-form-login__submit:hover,
body.woocommerce-account:not(.logged-in) .lost_reset_password button[type="submit"]:hover {
	background-color: var(--dg-acc-navy-hover) !important;
	border-color: var(--dg-acc-navy-hover) !important;
	color: #ffffff !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .userRecovery {
	font-size: 0.8125rem !important;
	color: var(--dg-acc-ink-600) !important;
	line-height: 1.5 !important;
	margin: 10px 0 0 0 !important;
}

@media (max-width: 991.98px) {
	body.woocommerce-account:not(.logged-in) #customer_login {
		display: flex !important;
		flex-direction: column !important;
		gap: 28px !important;
		width: 100% !important;
	}

	body.woocommerce-account:not(.logged-in) #customer_login > .u-column1,
	body.woocommerce-account:not(.logged-in) #customer_login > .u-column2 {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	/* Prevent absolute-positioned login button from overlapping recovery copy on narrow screens */
	body.woocommerce-account:not(.logged-in) .woocommerce form.login,
	body.woocommerce-account:not(.logged-in) .woocommerce form.register,
	body.woocommerce-account:not(.logged-in) .woocommerce form.lost_reset_password {
		padding: 24px 20px !important;
		min-height: 0 !important;
		position: relative !important;
	}

	body.woocommerce-account:not(.logged-in) #customer_login form.login .woocommerce-form-login__submit {
		position: static !important;
		bottom: auto !important;
		left: auto !important;
		transform: none !important;
		width: 100% !important;
		min-width: 100% !important;
		min-height: 44px !important;
		margin-top: 12px !important;
		display: block !important;
	}

	body.woocommerce-account:not(.logged-in) #customer_login input.input-text,
	body.woocommerce-account:not(.logged-in) .lost_reset_password input.input-text {
		height: 44px !important;
		min-height: 44px !important;
	}

	body.woocommerce-account:not(.logged-in) .lost_reset_password .form-row-first,
	body.woocommerce-account:not(.logged-in) .lost_reset_password .form-row {
		float: none !important;
		width: 100% !important;
	}

	body.woocommerce-account:not(.logged-in) .lost_reset_password button[type="submit"] {
		width: 100% !important;
		min-height: 44px !important;
	}
}


/* ==========================================================================
   26. DISTRIBUTOR CATALOG & API FEED PORTAL (#dg-account-distributor-catalog)
   ========================================================================== */

.dg-account-catalog {
	display: flex;
	flex-direction: column;
	gap: 28px;
	width: 100%;
}

/* Freshness & Operational Status Strip */
.dg-cat-freshness-strip {
	background-color: var(--dg-acc-surface);
	border: 1px solid var(--dg-acc-border);
	border-radius: var(--dg-acc-radius-md);
	box-shadow: var(--dg-acc-shadow-card);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
	padding: 18px 24px;
}

.dg-cat-freshness-item {
	display: flex;
	align-items: center;
	gap: 12px;
}

.dg-cat-freshness-item__icon {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background-color: var(--dg-acc-navy-subtle);
	color: var(--dg-acc-navy);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.dg-cat-freshness-item__content {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.dg-cat-freshness-item__label {
	font-size: 12px;
	color: var(--dg-acc-ink-500);
}

.dg-cat-freshness-item__val {
	font-size: 13px;
	font-weight: 600;
	color: var(--dg-acc-ink-900);
}

/* Dual Service Grid */
.dg-cat-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	align-items: stretch;
}

@media (max-width: 1024px) {
	.dg-cat-grid {
		grid-template-columns: 1fr;
	}
}

.dg-cat-card {
	background-color: var(--dg-acc-surface);
	border: 1px solid var(--dg-acc-border);
	border-radius: var(--dg-acc-radius-lg);
	box-shadow: var(--dg-acc-shadow-card);
	display: flex;
	flex-direction: column;
}

.dg-cat-card__header {
	padding: 24px 24px 18px;
	border-bottom: 1px solid var(--dg-acc-border-subtle);
}

.dg-cat-card__title-group {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.dg-cat-card__badge-row {
	margin-bottom: 4px;
}

.dg-cat-card__icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.dg-cat-card__icon--csv {
	background-color: #ecfdf5;
	color: #047857;
}

.dg-cat-card__icon--api {
	background-color: var(--dg-acc-navy-subtle);
	color: var(--dg-acc-navy);
}

.dg-cat-card__icon--docs {
	background-color: #f1f5f9;
	color: #334155;
}

.dg-cat-card__title {
	font-size: 18px;
	font-weight: 700;
	color: var(--dg-acc-ink-900);
	margin: 0;
	line-height: 1.3;
}

.dg-cat-card__body {
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex: 1;
}

.dg-cat-card__desc {
	font-size: 14px;
	line-height: 1.55;
	color: var(--dg-acc-ink-600);
	margin: 0;
}

/* Language Picker */
.dg-cat-lang-picker__label {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--dg-acc-ink-500);
	margin-bottom: 8px;
	display: block;
}

.dg-cat-lang-picker__tabs {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.dg-cat-lang-tab {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	border: 1px solid var(--dg-acc-border);
	border-radius: 6px;
	background-color: var(--dg-acc-surface);
	color: var(--dg-acc-ink-700);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
}

.dg-cat-lang-tab:hover {
	border-color: var(--dg-acc-blue);
	color: var(--dg-acc-blue);
}

.dg-cat-lang-tab.is-active {
	background-color: var(--dg-acc-navy);
	border-color: var(--dg-acc-navy);
	color: #ffffff;
	font-weight: 600;
}

.dg-cat-lang-tab__code {
	font-size: 11px;
	font-weight: 700;
	opacity: 0.85;
}

/* Download Box */
.dg-cat-download-box {
	padding: 20px;
	background-color: var(--dg-acc-surface-muted);
	border: 1px dashed var(--dg-acc-border-strong);
	border-radius: var(--dg-acc-radius-md);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 10px;
}

.dg-cat-download-btn {
	min-height: 44px;
	padding: 10px 24px;
	font-size: 14px;
	font-weight: 600;
	width: 100%;
	max-width: 320px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none !important;
}

.dg-cat-download-meta {
	font-size: 12px;
	color: var(--dg-acc-ink-500);
}

/* Details Accordion */
.dg-cat-details {
	border-top: 1px solid var(--dg-acc-border-subtle);
	padding-top: 12px;
}

.dg-cat-details__summary {
	font-size: 13px;
	font-weight: 500;
	color: var(--dg-acc-blue);
	cursor: pointer;
	user-select: none;
}

.dg-cat-details__summary:hover {
	text-decoration: underline;
}

.dg-cat-details__content {
	margin-top: 12px;
}

.dg-cat-fields-list {
	margin: 0;
	padding-left: 20px;
	font-size: 12px;
	color: var(--dg-acc-ink-600);
	line-height: 1.8;
}

.dg-cat-fields-list code {
	background-color: var(--dg-acc-surface-subtle);
	padding: 2px 6px;
	border-radius: 4px;
	font-family: var(--dg-acc-font-mono);
	font-size: 11px;
	color: var(--dg-acc-navy);
}

/* Notices & Alert Banners */
.dg-cat-notice {
	display: flex;
	gap: 14px;
	padding: 18px 20px;
	border-radius: var(--dg-acc-radius-md);
}

.dg-cat-notice--warning {
	background-color: var(--dg-acc-amber-bg);
	border: 1px solid var(--dg-acc-amber-border);
	color: var(--dg-acc-amber-text);
}

.dg-cat-notice__icon {
	color: var(--dg-acc-amber-dot);
	flex-shrink: 0;
	margin-top: 2px;
}

.dg-cat-notice__title {
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 6px;
	color: var(--dg-acc-amber-text);
}

.dg-cat-notice__text {
	font-size: 13px;
	line-height: 1.5;
	margin: 0 0 12px;
	color: var(--dg-acc-amber-text);
	opacity: 0.95;
}

.dg-cat-notice__actions {
	margin-top: 8px;
}

.dg-cat-api-perks {
	margin-top: 10px;
}

.dg-cat-api-perks__title {
	font-size: 13px;
	font-weight: 600;
	color: var(--dg-acc-ink-800);
	margin: 0 0 8px;
}

.dg-cat-api-perks__list {
	margin: 0;
	padding-left: 18px;
	font-size: 13px;
	color: var(--dg-acc-ink-600);
	line-height: 1.6;
}

/* Token Management UI */
.dg-cat-tokens-section {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.dg-cat-tokens-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dg-cat-tokens-header__title {
	font-size: 15px;
	font-weight: 700;
	color: var(--dg-acc-ink-900);
	margin: 0;
}

.dg-cat-tokens-header__counter {
	font-size: 12px;
	color: var(--dg-acc-ink-500);
}

/* Secret Reveal Alert */
.dg-cat-secret-card {
	background-color: #fefce8;
	border: 1px solid #fef08a;
	border-left: 4px solid #ca8a04;
	border-radius: var(--dg-acc-radius-md);
	padding: 16px 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.dg-cat-secret-card__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dg-cat-secret-card__badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #854d0e;
}

.dg-cat-secret-card__close {
	background: none;
	border: none;
	color: #854d0e;
	cursor: pointer;
	padding: 4px;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
}

.dg-cat-secret-card__close:hover {
	background-color: rgba(202, 138, 4, 0.15);
}

.dg-cat-secret-card__warning {
	font-size: 13px;
	color: #713f12;
	margin: 0;
	line-height: 1.45;
}

.dg-cat-secret-card__field {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-top: 4px;
}

.dg-cat-secret-code {
	flex: 1;
	background-color: #ffffff;
	border: 1px solid #cbd5e1;
	padding: 10px 14px;
	border-radius: 6px;
	font-family: var(--dg-acc-font-mono);
	font-size: 13px;
	word-break: break-all;
	color: var(--dg-acc-ink-900);
}

/* Table */
.dg-cat-table-wrap {
	border: 1px solid var(--dg-acc-border);
	border-radius: var(--dg-acc-radius-md);
	overflow-x: auto;
	background-color: var(--dg-acc-surface);
}

.dg-cat-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	text-align: left;
}

.dg-cat-table th {
	background-color: var(--dg-acc-surface-subtle);
	padding: 12px 16px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--dg-acc-ink-600);
	border-bottom: 1px solid var(--dg-acc-border);
	white-space: nowrap;
}

.dg-cat-table td {
	padding: 12px 16px;
	border-bottom: 1px solid var(--dg-acc-border-subtle);
	vertical-align: middle;
	color: var(--dg-acc-ink-800);
}

.dg-cat-table tr:last-child td {
	border-bottom: none;
}

.dg-cat-table__actions-head {
	text-align: right;
}

.dg-cat-table__actions-cell {
	text-align: right;
}

.dg-cat-token-label {
	color: var(--dg-acc-ink-900);
	font-weight: 600;
}

.dg-cat-public-id-cell {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.dg-cat-public-id {
	font-family: var(--dg-acc-font-mono);
	font-size: 12px;
	color: var(--dg-acc-ink-700);
	background-color: var(--dg-acc-surface-subtle);
	padding: 2px 6px;
	border-radius: 4px;
}

.dg-cat-mini-copy {
	background: none;
	border: none;
	padding: 4px;
	color: var(--dg-acc-ink-400);
	cursor: pointer;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	transition: all 0.15s ease;
}

.dg-cat-mini-copy:hover,
.dg-cat-mini-copy.is-copied {
	color: var(--dg-acc-blue);
	background-color: var(--dg-acc-navy-subtle);
}

.dg-cat-date {
	color: var(--dg-acc-ink-600);
	font-size: 12px;
}

.dg-cat-action-group {
	display: inline-flex;
	gap: 6px;
}

.dg-btn-action {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid var(--dg-acc-border);
	border-radius: 5px;
	background-color: var(--dg-acc-surface);
	color: var(--dg-acc-ink-700);
	cursor: pointer;
	transition: all 0.15s ease;
}

.dg-btn-action:hover {
	border-color: var(--dg-acc-blue);
	color: var(--dg-acc-blue);
}

.dg-btn-action--danger:hover {
	border-color: var(--dg-acc-rose-border);
	color: var(--dg-acc-rose-text);
	background-color: var(--dg-acc-rose-bg);
}

.dg-cat-empty-state {
	padding: 32px 16px;
	text-align: center;
	color: var(--dg-acc-ink-500);
}

.dg-cat-empty-state__icon {
	color: var(--dg-acc-ink-400);
	display: inline-flex;
	margin-bottom: 8px;
}

.dg-cat-empty-state p {
	margin: 0;
	font-size: 13px;
}

/* Technical Docs Section / Expandable Disclosure */
.dg-cat-docs {
	background-color: var(--dg-acc-surface);
	border: 1px solid var(--dg-acc-border);
	border-radius: var(--dg-acc-radius-lg);
	box-shadow: var(--dg-acc-shadow-card);
	padding: 24px;
	box-sizing: border-box;
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.dg-cat-docs--disclosure {
	overflow: hidden;
}

/* Disclosure Summary Reset & Styling */
.dg-cat-docs__summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	cursor: pointer;
	user-select: none;
	list-style: none;
	padding: 0;
	margin: 0;
	outline: none;
	transition: opacity 0.15s ease;
}

.dg-cat-docs__summary::-webkit-details-marker,
.dg-cat-docs__summary::marker {
	display: none;
}

.dg-cat-docs__summary:focus-visible {
	outline: 2px solid var(--dg-acc-blue);
	outline-offset: 4px;
	border-radius: var(--dg-acc-radius-md);
}

.dg-cat-docs__summary:hover .dg-cat-docs__title {
	color: var(--dg-acc-blue);
}

.dg-cat-docs__summary-main {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	flex: 1;
	min-width: 0;
}

.dg-cat-docs__summary-text {
	min-width: 0;
}

.dg-cat-docs__summary-action {
	flex-shrink: 0;
}

.dg-cat-docs__toggle-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	pointer-events: none;
	white-space: nowrap;
}

.dg-cat-docs__toggle-icon {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.dg-cat-docs .dg-cat-chevron {
	transition: transform 0.25s ease;
}

.dg-cat-docs[open] .dg-cat-chevron {
	transform: rotate(180deg);
}

.dg-cat-docs__toggle-label--expanded {
	display: none;
}

.dg-cat-docs[open] .dg-cat-docs__toggle-label--collapsed {
	display: none;
}

.dg-cat-docs[open] .dg-cat-docs__toggle-label--expanded {
	display: inline;
}

.dg-cat-docs[open] .dg-cat-docs__summary {
	margin-bottom: 24px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--dg-acc-border-subtle);
}

.dg-cat-docs__content {
	animation: dgCatFadeIn 0.25s ease-out;
}

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

.dg-cat-docs__header {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	margin-bottom: 24px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--dg-acc-border-subtle);
}

.dg-cat-docs__title {
	font-size: 18px;
	font-weight: 700;
	color: var(--dg-acc-ink-900);
	margin: 0 0 4px;
	line-height: 1.3;
	transition: color 0.15s ease;
}

.dg-cat-docs__subtitle {
	font-size: 14px;
	color: var(--dg-acc-ink-500);
	margin: 0;
	line-height: 1.45;
}

.dg-cat-docs__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
}

@media (max-width: 900px) {
	.dg-cat-docs__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	.dg-cat-docs {
		padding: 20px 18px;
	}

	.dg-cat-docs__summary {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
	}

	.dg-cat-docs__summary-action {
		width: 100%;
	}

	.dg-cat-docs__toggle-btn {
		width: 100%;
		justify-content: center;
		padding: 10px 14px;
	}

	.dg-cat-notice__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.dg-cat-notice__actions .dg-btn {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 480px) {
	.dg-cat-docs {
		padding: 18px 14px;
	}

	.dg-cat-endpoint-item__top {
		flex-wrap: wrap;
	}

	.dg-cat-endpoint-item__route {
		word-break: break-all;
		white-space: normal;
	}

	.dg-cat-freshness-strip {
		padding: 14px 16px;
		gap: 14px;
	}

	.dg-cat-card__header,
	.dg-cat-card__body {
		padding: 18px 16px;
	}
}

.dg-cat-docs__section-title {
	font-size: 14px;
	font-weight: 700;
	color: var(--dg-acc-ink-900);
	margin: 0 0 12px;
}

.dg-cat-docs__list {
	margin: 0 0 24px;
	padding-left: 18px;
	font-size: 13px;
	line-height: 1.6;
	color: var(--dg-acc-ink-700);
}

.dg-cat-docs__list code {
	background-color: var(--dg-acc-surface-subtle);
	padding: 2px 6px;
	border-radius: 4px;
	font-family: var(--dg-acc-font-mono);
	font-size: 12px;
	color: var(--dg-acc-navy);
}

.dg-cat-endpoint-item {
	padding: 12px 14px;
	border: 1px solid var(--dg-acc-border-subtle);
	border-radius: 6px;
	margin-bottom: 10px;
	background-color: var(--dg-acc-surface-muted);
}

.dg-cat-endpoint-item__top {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 4px;
}

.dg-http-badge {
	font-size: 10px;
	font-weight: 700;
	padding: 2px 6px;
	border-radius: 4px;
	letter-spacing: 0.05em;
}

.dg-http-badge--get {
	background-color: #dbeafe;
	color: #1e40af;
}

.dg-http-badge--post {
	background-color: #dcfce7;
	color: #166534;
}

.dg-cat-endpoint-item__route {
	font-family: var(--dg-acc-font-mono);
	font-size: 12px;
	color: var(--dg-acc-ink-900);
}

.dg-cat-endpoint-item__desc {
	font-size: 12px;
	color: var(--dg-acc-ink-600);
	margin: 0;
	line-height: 1.45;
}

/* Code Snippet Box */
.dg-cat-code-box {
	background-color: #0f172a;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 16px;
}

.dg-cat-code-box__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 16px;
	background-color: #1e293b;
	color: #94a3b8;
	font-size: 12px;
	font-weight: 600;
}

.dg-cat-snippet-copy {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: none;
	border: 1px solid #334155;
	border-radius: 4px;
	color: #94a3b8;
	font-size: 11px;
	padding: 2px 8px;
	cursor: pointer;
	transition: all 0.15s ease;
}

.dg-cat-snippet-copy:hover {
	color: #ffffff;
	background-color: #334155;
}

.dg-cat-code-box__pre {
	margin: 0;
	padding: 16px;
	overflow-x: auto;
	color: #f8fafc;
	font-family: var(--dg-acc-font-mono);
	font-size: 12px;
	line-height: 1.5;
}

/* Modal Dialog */
.dg-cat-modal {
	border: none;
	border-radius: 12px;
	padding: 0;
	max-width: 480px;
	width: 90%;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
	background-color: var(--dg-acc-surface);
}

.dg-cat-modal::backdrop {
	background-color: rgba(15, 23, 42, 0.55);
	backdrop-filter: blur(2px);
}

.dg-cat-modal__form {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.dg-cat-modal__header {
	padding: 20px 24px;
	border-bottom: 1px solid var(--dg-acc-border);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dg-cat-modal__title {
	font-size: 16px;
	font-weight: 700;
	color: var(--dg-acc-ink-900);
	margin: 0;
}

.dg-cat-modal__close {
	background: none;
	border: none;
	color: var(--dg-acc-ink-500);
	cursor: pointer;
	padding: 4px;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
}

.dg-cat-modal__close:hover {
	color: var(--dg-acc-ink-900);
	background-color: var(--dg-acc-surface-subtle);
}

.dg-cat-modal__body {
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.dg-cat-modal__desc {
	font-size: 13px;
	line-height: 1.5;
	color: var(--dg-acc-ink-600);
	margin: 0;
}

.dg-cat-form-group {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.dg-cat-label {
	font-size: 13px;
	font-weight: 600;
	color: var(--dg-acc-ink-800);
}

.dg-cat-input {
	height: 42px;
	padding: 8px 14px;
	border: 1px solid var(--dg-acc-border);
	border-radius: 6px;
	font-size: 14px;
	color: var(--dg-acc-ink-900);
	background-color: var(--dg-acc-surface);
	outline: none;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.dg-cat-input:focus {
	border-color: var(--dg-acc-blue);
	box-shadow: 0 0 0 3px var(--dg-acc-focus-ring);
}

.dg-cat-modal-error {
	padding: 10px 14px;
	background-color: var(--dg-acc-rose-bg);
	border: 1px solid var(--dg-acc-rose-border);
	color: var(--dg-acc-rose-text);
	border-radius: 6px;
	font-size: 13px;
}

.dg-cat-modal__footer {
	padding: 16px 24px;
	border-top: 1px solid var(--dg-acc-border);
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	background-color: var(--dg-acc-surface-muted);
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}