/* Large Popup theme overrides for shared popup structure */
/* Applies when .popup-container has class .large-popup */

.popup-container.large-popup {
	max-width: 900px;
	max-height: 80vh;
	border: 2px solid var(--highlight-border-color, #39ff14);
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45), 0 10px 30px rgba(0, 0, 0, 0.25);
}

.popup-container.large-popup .popup-header {
	padding: 1rem 1.25rem;
	border-bottom: 2px solid var(--highlight-border-color, #39ff14);
}

.popup-container.large-popup .popup-title {
	font-size: 1.5rem;
	color: var(--accent-color, #00ffd0);
}

.popup-container.large-popup .popup-close-button {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	border: 2px solid var(--highlight-border-color, #39ff14);
	color: var(--accent-color, #00ffd0);
}

.popup-container.large-popup .popup-close-button:hover {
	background: color-mix(in srgb, var(--accent-color, #00ffd0) 10%, transparent);
}

.popup-container.large-popup .popup-content {
	min-height: 50vh; /* Increase visual height */
	display: flex;
	flex-direction: column;
}

/* Give the ledger table wrapper more vertical room within the large popup */
.popup-container.large-popup .ledger-table-wrapper {
	max-height: 60vh;
}