.ebb-budget-builder {
	padding: 20px;
	border: 1px solid #ddd;
	background: #fafafa;
}

/* Make the FORM the flex container (since .ebb-left/.ebb-right live inside it) */
.ebb-budget-builder form {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

/* Top form rows (dropdown/title) should span full width */
.ebb-budget-builder form > p {
	flex: 0 0 100%;
	margin: 0 0 10px 0;
}

/* Left/right columns */
.ebb-left {
	flex: 0 0 calc(70% - 15px);
	box-sizing: border-box;
}

.ebb-right {
	flex: 0 0 calc(30% - 15px);
	box-sizing: border-box;
}

/* Mobile fallback */
@media (max-width: 900px) {
	.ebb-left, .ebb-right {
		flex: 0 0 100%;
	}
}

.ebb-left,
.ebb-right {
	background: #fff;
	padding: 20px;
	border: 1px solid #e1e1e1;
}

.ebb-left {
	width: 69%;
}

.ebb-right {
	width: 30%;
}


.ebb-left h3,
.ebb-right h3 {
	margin-top: 0;
}
 .ebb-row {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

.ebb-row input[type="text"] {
	flex: 2;
}

.ebb-row input[type="number"] {
	flex: 1;
}

.ebb-remove-row {
	background: #d63638;
	color: #fff;
	border: none;
	padding: 5px 8px;
	cursor: pointer;
}
.ebb-row {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr auto;
	gap: 10px;
	margin-bottom: 10px;
	align-items: center;
}

.ebb-row input {
	padding: 6px;
}

.ebb-total {
	background-color: #f5f5f5;
}

.ebb-income-analysis {
	margin-top: 15px;
	padding: 12px;
	border: 1px solid #e1e1e1;
	background: #f9f9f9;
}

.ebb-income-analysis h5 {
	margin: 0 0 10px 0;
}

.ebb-analysis-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.ebb-income-analysis input {
	width: 100%;
	padding: 6px;
	box-sizing: border-box;
}

.ebb-subtotal {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ddd;
}



@media (max-width: 900px) {
	.ebb-analysis-grid {
		grid-template-columns: 1fr;
	}
}