/**
 * Hello Elementor — Elementor kit / widget styles often add extra table borders or reset nested
 * backgrounds. Scoped under #dapa-tool-root only.
 */

#dapa-tool-root table.dapa-results {
	border-collapse: separate;
	border-spacing: 0;
	border: none;
}

#dapa-tool-root table.dapa-results th,
#dapa-tool-root table.dapa-results td {
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
}

#dapa-tool-root table.dapa-results thead th {
	border-bottom: 1px solid #e2e8f0 !important;
	box-shadow: 0 1px 0 #e2e8f0 !important;
}

#dapa-tool-root table.dapa-results tbody td {
	border-bottom: 1px solid #e2e8f0 !important;
}

#dapa-tool-root table.dapa-results tbody tr:last-child td {
	border-bottom: none !important;
}

/* Reinforce flex + fills if widget CSS interferes */
#dapa-tool-root .dapa-score-box {
	display: flex !important;
	align-items: center;
	width: 100%;
	min-width: 0;
}

#dapa-tool-root .dapa-score-bar {
	flex: 1 1 auto;
	min-width: 48px;
	overflow: hidden;
	background-color: #e2e8f0 !important;
}

#dapa-tool-root .dapa-score-bar .dapa-fill.dapa-da-fill {
	background: linear-gradient(90deg, #2563eb 0%, #60a5fa 100%) !important;
}

#dapa-tool-root .dapa-score-bar .dapa-fill.dapa-pa-fill {
	background: linear-gradient(90deg, #7c3aed 0%, #a78bfa 100%) !important;
}