/* --- General Body and Text Styles --- */
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

body {
	margin-left: 15px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}

/* --- Legacy Style Classes --- */
.UnbudgetTitleLogo {
	font-size: 24px;
	font-weight: bold;
}

.menuText {
	font-size: 12px;
}

.style1 { /* Used for table header text */
	color: #FFFFFF;
	font-weight: bold;
}

.style3 { /* General text, often white */
	color: #FFFFFF;
}

.style7 { /* White, bold text for headers */
	color: #FFFFFF;
	font-weight: bold;
}

.style8 { /* Small text for table data */
	font-size: 10px;
}

.style12 { /* Small text, often for links or minor info */
	font-size: 10px;
}


/* --- Unified Styling for Balances Tables --- */
/* This style applies to .balances-table and .sidebar-balances-table */
.balances-table,
.sidebar-balances-table {
	width: 100%;
	background-color: #fff; /* This color will show through as the "lines" */
	border-collapse: separate; /* Must be 'separate' for border-spacing to work */
	border-spacing: 1px; /* This creates the 1px lines between cells */
}

.balances-table thead th,
.sidebar-balances-table thead th {
	background-color: #CCCCCC; /* Header background */
	padding: 6px 8px;
	text-align: center;
}

.balances-table tbody td,
.sidebar-balances-table tbody td {
	background-color: #EEEEEE; /* Standard row background */
	padding: 6px 8px;
}

.balances-table tfoot td,
.sidebar-balances-table tfoot td {
	background-color: #CCCCC5; /* Footer background */
	font-weight: bold;
	padding: 6px 8px;
}

/* --- Default Styling for Balances Table --- */
/* These styles apply by default to ensure formatting is consistent across all pages */
table.balances-table {
	width: 100%; /* Default full width */
	background-color: #fff; /* This color will show through as the "lines" */
	border-collapse: separate; /* Must be 'separate' for border-spacing to work */
	border-spacing: 1px; /* This creates the 1px lines between cells */
	margin: 0; /* Default alignment */
	font-size: 0.9rem; /* Default font size */
}

table.balances-table thead th {
	background-color: #CCCCCC; /* Header background */
	padding: 6px 8px;
	text-align: center;
}

table.balances-table tbody td {
	background-color: #EEEEEE; /* Standard row background */
	padding: 6px 8px;
}

table.balances-table tfoot td {
	background-color: #CCCCC5; /* Footer background */
	font-weight: bold;
	padding: 6px 8px;
}

/* --- PWA-Specific Overrides for Balances Table on Dashboard --- */
/* These styles apply when the body has the pwa-mode class */
body.pwa-mode table.balances-table {
	max-width: 600px; /* Limit width on larger screens */
	margin: 0 auto; /* Center the table for PWA */
	font-size: 1.1rem; /* Larger font for PWA */
}

/* Ensure PWA table takes full width on mobile */
@media (max-width: 768px) {
	body.pwa-mode table.balances-table {
		max-width: 100%;
	}
}

/* Style for non-PWA web users in specific contexts - smaller table on the left */
body.web-mode table.balances-table {
	width: auto; /* Smaller width for web users */
	margin: 0; /* Align to the left */
	font-size: 0.9rem; /* Smaller font for web users */
}