.rock-offer-box{
	border:1px solid #e5e7eb;
	padding:28px;
	margin:0 0 24px;
	background:#fff;
	border-radius:10px;
	box-shadow:0 2px 6px rgba(0,0,0,0.04);
}

.rock-offer-back-link{
	margin:0 0 18px;
	display:inline-block;
	font-weight:500;
	text-decoration:none;
}

.rock-offer-meta{
	display:grid;
	grid-template-columns:1fr;
	gap:6px;
	margin-bottom:20px;
}

.rock-offer-details{
	margin-top:10px;
	display:grid;
	grid-template-columns:1fr;
	gap:10px;
}

.rock-offer-details p,
.rock-offer-meta p{
	margin:0 0 10px;
	line-height:1.6;
	color:#374151;
}

.rock-offer-details strong,
.rock-offer-meta strong{
	color:#111827;
	min-width:170px;
	display:inline-block;
	vertical-align:top;
}

.rock-conversation{
	margin-top:28px;
	padding-top:22px;
	border-top:1px solid #e5e7eb;
	display:flex;
	flex-direction:column;
	gap:14px;
}

.rock-conversation h4{
	margin:0 0 16px;
	font-size:18px;
	color:#111827;
}

.rock-message{
	position:relative;
	max-width:72%;
	padding:18px 20px;
	margin:0;
	border-radius:14px;
	border:1px solid #e5e7eb;
	background:#fff;
	box-shadow:0 1px 2px rgba(0,0,0,0.03);
}

.rock-message-admin{
	align-self:flex-start;
	background:#eef4ff;
	border-color:#dbeafe;
}

.rock-message-customer{
	align-self:flex-end;
	background:#f0fdf4;
	border-color:#dcfce7;
}

.rock-message-admin::after{
	content:"";
	position:absolute;
	left:-7px;
	top:16px;
	width:0;
	height:0;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	border-right:7px solid #eef4ff;
}

.rock-message-customer::after{
	content:"";
	position:absolute;
	right:-7px;
	top:16px;
	width:0;
	height:0;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	border-left:7px solid #f0fdf4;
}

.rock-message-head{
	font-size:13px;
	font-weight:700;
	margin-bottom:10px;
	color:#111827;
	opacity:.72;
}

.rock-message-body{
	font-size:14px;
	line-height:1.6;
	color:#374151;
	white-space:pre-wrap;
	margin-top:6px;
}

.rock-message-body + .rock-message-body{
	margin-top:12px;
}

.rock-message-time{
	display:block;
	margin-top:12px;
	font-size:12px;
	color:#6b7280;
}

.rock-message-price{
	display:inline-block;
	margin:6px 0 10px;
	padding:6px 12px;
	background:#fff;
	border:1px solid #d1d5db;
	border-radius:999px;
	font-weight:600;
	font-size:13px;
}

.rock-customer-reply-form{
	margin-top:30px;
	padding-top:22px;
	border-top:1px dashed #d1d5db;
}

.rock-customer-reply-form h4{
	margin:0 0 18px;
	font-size:18px;
	color:#111827;
}

.rock-customer-reply-form p{
	margin:0 0 16px;
}

.rock-customer-reply-form label{
	color:#111827;
	font-weight:600;
}

.rock-customer-reply-form textarea{
	width:100%;
	max-width:100%;
	min-height:160px;
	border-radius:6px;
	border:1px solid #d1d5db;
	padding:10px;
	margin-top:6px;
}

.rock-customer-reply-form input[type='text'],
.rock-customer-reply-form input[type='number'],
.rock-customer-reply-form input[type='file']{
	width:100%;
	max-width:520px;
	border-radius:6px;
	border:1px solid #d1d5db;
	padding:8px;
	margin-top:6px;
}

.rock-customer-reply-form small{
	display:block;
	margin-top:8px;
	color:#6b7280;
	line-height:1.5;
}

.rock-customer-reply-form input[type='radio']{
	margin-right:6px;
}

.rock-customer-reply-form .rock-radio-option{
	display:block;
	margin:0 0 8px;
	font-weight:400;
	color:#374151;
}

.rock-customer-reply-form .rock-radio-option:last-of-type{
	margin-bottom:14px;
}

.rock-customer-reply-form button.button{
	padding:10px 18px;
	border-radius:999px;
	font-weight:700;
	border:none;
}

.rock-badge{
	display:inline-block;
	padding:4px 10px;
	border-radius:999px;
	font-size:12px;
	font-weight:600;
}

.rock-badge-new{
	background:transparent;
	color:#111827;
	padding:0;
	border-radius:0;
}

.rock-badge-progress{
	background:#dcfce7;
	color:#166534;
}

.rock-badge-answered{
	background:transparent;
	color:#111827;
	padding:0;
	border-radius:0;
}

.rock-badge-done{
	background:transparent;
	color:#111827;
	padding:0;
	border-radius:0;
}

.rock-badge-accept{
	background:#dcfce7;
	color:#166534;
}

.rock-badge-reject{
	background:#fee2e2;
	color:#991b1b;
}

.rock-badge-reopened{
	background:#dcfce7;
	color:#166534;
}

.rock-admin-reply-box{
	background:#fff;
	padding:20px;
	border:1px solid #e5e7eb;
	border-radius:10px;
	max-width:950px;
	box-shadow:0 2px 6px rgba(0,0,0,0.04);
}

.rock-admin-reply-box textarea{
	width:100%;
	min-height:160px;
}

.rock-admin-reply-box input[type='number']{
	max-width:220px;
}

.woocommerce-account h3{
	margin-bottom:22px;
	color:#111827;
}

/* Overzicht pagina */

body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table{
	width:100% !important;
	border-collapse:separate !important;
	border-spacing:0 !important;
	background:#fff !important;
	border:1px solid #e5e7eb !important;
	border-radius:10px !important;
	box-shadow:0 2px 6px rgba(0,0,0,0.04) !important;
	overflow:hidden !important;
}

body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table thead th{
	background:#f8fafc !important;
	color:#111827 !important;
	font-size:13px !important;
	font-weight:600 !important;
	padding:14px 16px !important;
	border-bottom:1px solid #e5e7eb !important;
}

body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table tbody td{
	padding:14px 16px !important;
	vertical-align:middle !important;
	border-bottom:1px solid #f1f5f9 !important;
	font-size:14px !important;
	color:#374151 !important;
	background:#fff !important;
}

body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table tbody tr:last-child td{
	border-bottom:none !important;
}

body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table tbody tr:hover td{
	background:#fafafa !important;
}

body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table a.button{
	display:inline-block !important;
	padding:8px 14px !important;
	border-radius:6px !important;
	border:1px solid #d1d5db !important;
	background:#fff !important;
	color:#111827 !important;
	text-decoration:none !important;
	font-size:13px !important;
	font-weight:600 !important;
	line-height:1.2 !important;
	box-shadow:none !important;
	transition:all .2s ease !important;
}

body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table a.button:hover{
	background:#f8fafc !important;
	border-color:#9ca3af !important;
	color:#111827 !important;
}

body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table td[data-title="Status"] .rock-badge,
body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table td[data-title="Keuze"] .rock-badge{
	vertical-align:middle !important;
}

/* Mobiel */

@media (max-width: 768px){
	body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table{
		border:none !important;
		box-shadow:none !important;
		background:transparent !important;
	}

	body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table thead{
		display:none !important;
	}

	body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table tbody tr{
		display:block !important;
		margin:0 0 16px !important;
		background:#fff !important;
		border:1px solid #e5e7eb !important;
		border-radius:10px !important;
		box-shadow:0 2px 6px rgba(0,0,0,0.04) !important;
		padding:8px 0 !important;
	}

	body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table tbody td{
		display:flex !important;
		justify-content:space-between !important;
		align-items:flex-start !important;
		gap:14px !important;
		padding:10px 14px !important;
		border-bottom:1px solid #f1f5f9 !important;
		text-align:right !important;
		width:100% !important;
		box-sizing:border-box !important;
	}

	body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table tbody td:last-child{
		border-bottom:none !important;
	}

	body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table tbody td::before{
		content:attr(data-title) !important;
		font-weight:600 !important;
		color:#111827 !important;
		text-align:left !important;
		margin-right:auto !important;
	}

	body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table tbody td[data-title="Actie"]{
		display:block !important;
		text-align:left !important;
	}

	body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table tbody td[data-title="Actie"]::before{
		display:none !important;
	}

	body.woocommerce-account table.my_account_orders.woocommerce-table.shop_table tbody td[data-title="Actie"] .button{
		width:100% !important;
		text-align:center !important;
	}

	.rock-offer-box{
		padding:18px;
	}

	.rock-offer-details strong,
	.rock-offer-meta strong{
		display:block;
		min-width:0;
		margin-bottom:2px;
	}

	.rock-message{
		max-width:100%;
		padding:14px 14px;
	}

	.rock-customer-reply-form input[type='text'],
	.rock-customer-reply-form input[type='file'],
	.rock-customer-reply-form textarea{
		max-width:100%;
	}
}