/* ParAide Invoice Portal — front-end styles */

.paraide-invoices {
	margin: 0 0 1.5em;
}

.paraide-invoices__table {
	width: 100%;
	border-collapse: collapse;
}

.paraide-invoices__table th,
.paraide-invoices__table td {
	padding: 0.65em 0.75em;
	text-align: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	vertical-align: middle;
}

.paraide-invoices__table thead th {
	font-weight: 600;
	white-space: nowrap;
}

.paraide-col-amount,
.paraide-col-balance {
	text-align: right;
	white-space: nowrap;
}

.paraide-invoices__row.is-open .paraide-col-balance {
	font-weight: 600;
}

.paraide-badge {
	display: inline-block;
	padding: 0.15em 0.6em;
	border-radius: 999px;
	font-size: 0.8125em;
	line-height: 1.6;
	white-space: nowrap;
}

.paraide-badge--open {
	background: #fdecea;
	color: #b3261e;
}

.paraide-badge--paid {
	background: #e6f4ea;
	color: #1e7e34;
}

.paraide-invoices--notice {
	padding: 1em 1.25em;
	border-radius: 6px;
	background: #f4f6f8;
	border: 1px solid rgba(0, 0, 0, 0.08);
}

.paraide-invoices--error {
	background: #fdecea;
	border-color: #f5c6cb;
}

.paraide-invoices--info {
	background: #e8f0fe;
	border-color: #c6d4f5;
}

.paraide-invoices__empty {
	color: #555;
	font-style: italic;
}

/* Responsive stacking on narrow screens (mirrors WooCommerce shop_table_responsive) */
@media screen and (max-width: 600px) {
	.paraide-invoices__table thead {
		display: none;
	}
	.paraide-invoices__table,
	.paraide-invoices__table tbody,
	.paraide-invoices__table tr,
	.paraide-invoices__table td {
		display: block;
		width: 100%;
	}
	.paraide-invoices__table tr {
		margin-bottom: 0.75em;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 6px;
		overflow: hidden;
	}
	.paraide-invoices__table td {
		text-align: right;
		border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
	}
	.paraide-invoices__table td::before {
		content: attr(data-title);
		float: left;
		font-weight: 600;
	}
}