/* 響應式表格：窄螢幕（md 以下）將資料列堆疊為卡片，
   取代 FooTable 的欄位折疊＋展開鈕。僅作用於含表頭的 .table（由 JS 加上 rsp-table）。 */
@media (max-width: 991px) {
	table.table.rsp-table thead {
		display: none;
	}
	table.table.rsp-table,
	table.table.rsp-table tbody {
		display: block;
		width: 100%;
	}
	table.table.rsp-table tbody tr {
		display: block;
		width: 100%;
		margin-bottom: 12px;
		border: 1px solid #cfe0e8;
		border-radius: 10px;
		background: #fff;
		padding: 6px 4px;
		box-sizing: border-box;
	}
	table.table.rsp-table tbody tr:last-child {
		margin-bottom: 0;
	}
	table.table.rsp-table tbody td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		border: 0;
		padding: 5px 10px;
		text-align: right;
	}
	table.table.rsp-table tbody td::before {
		content: attr(data-label);
		font-weight: 700;
		color: #46708a;
		text-align: left;
	}
	/* 沒有對應表頭的儲存格（如操作按鈕）：置左、不加標籤 */
	table.table.rsp-table tbody td:not([data-label]) {
		justify-content: flex-start;
	}
	table.table.rsp-table tbody td:not([data-label])::before {
		content: none;
	}
}