/* Bombouche Reports v2 */

/*
 * Compact, "v1-style" form. A few !important rules beat the theme's base
 * input/label sizing on the account page.
 */
.br-report-form {
	max-width: 1600px;
	font-size: 14px !important;
	line-height: 1.4;
}

/* White rounded card with a grey stroke (matches v1's .admin_box). */
.br-admin-box {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 7px;
	padding: 20px 25px;
	max-width: 640px;
}

/* Two-column rows: label left, control right (v1 layout). */
.br-field {
	display: grid;
	grid-template-columns: 190px minmax(0, 360px);
	align-items: center;
	gap: 16px;
	margin: 0 0 14px;
}
.br-field:last-child { margin-bottom: 0; }
.br-field > label {
	margin: 0;
	font-size: 13px !important;
	font-weight: 600;
	line-height: 1.3;
}
.br-field > label::after { content: ":"; }
.br-actions > label::after { content: ""; }

.br-field .br-control { min-width: 0; }
.br-report-form select,
.br-report-form input[type="text"],
.br-report-form input[type="email"] {
	width: 100%;
	max-width: 360px;
	font-size: 14px !important;
	line-height: 1.4;
	padding: 6px 8px;
	height: auto;
	box-sizing: border-box;
}
/* Read-only date fields shown with a light grey fill, as in v1. */
.br-report-form input[readonly] { background: #f6f6f6; }

.br-actions { margin-top: 4px; }
.br-report-form #br_generate { font-size: 14px; }

/* Headings kept modest (theme h2/h3 can be very large). */
.br-title { font-size: 22px !important; margin: 0 0 12px; line-height: 1.2; }
.br-results .br-report-heading { font-size: 16px !important; margin: 16px 0 8px; }

.br-results { margin-top: 20px; }
.br-download { margin: 10px 0 20px; }

/* Report table: rounded outer corners with a grey stroke. */
.br-report-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #ccc;
	border-radius: 8px;
	overflow: hidden;
	font-size: 13px;
	background: #fff;
}
.br-report-table th,
.br-report-table td {
	padding: 8px 10px;
	border-bottom: 1px solid #eee;
	text-align: left;
	vertical-align: top;
}
.br-report-table tr:last-child td { border-bottom: 0; }
.br-report-table thead th { background: #f6f6f6; font-weight: 600; }

.br-report-table tr.br-row-total td { background: #fbfbfb; font-weight: 600; }
.br-report-table tr.br-row-grand td { background: #eef6ef; font-weight: 700; border-top: 0; }

.br-error { color: #a10000; }
.br-empty { color: #777; font-style: italic; }

/* Minimal datepicker fallback styling (WP bundles the widget markup). */
.ui-datepicker { background: #fff; border: 1px solid #ccc; padding: 6px; z-index: 100000; }
.ui-datepicker a { cursor: pointer; }