/** Accountloze conceptstatus; uitsluitend binnen de private CF7-journey. */
.rcrp-private-draft,
.rcrp-private-draft * {
	box-sizing: border-box;
}

.rcrp-private-draft {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: var(--rcrp-space-2, 8px) var(--rcrp-space-3, 12px);
	align-items: center;
	min-inline-size: 0;
	margin: 0;
	padding: var(--rcrp-space-3, 12px) clamp(16px, 3vw, 30px);
	border-block: 1px solid var(--rcrp-color-border, #d8e2eb);
	background: var(--rcrp-color-surface-subtle, #f4f8fb);
	color: var(--rcrp-color-text, #183047);
	font-family: var(--rcrp-font-sans, sans-serif);
}

.rcrp-private-draft__status {
	min-inline-size: 0;
	margin: 0;
	font-size: var(--rcrp-font-14, .875rem);
	font-weight: var(--rcrp-weight-bold, 700);
	line-height: var(--rcrp-leading-body, 1.55);
}

.rcrp-private-draft__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rcrp-space-2, 8px);
	justify-content: flex-end;
}

.rcrp-private-draft [hidden] { display: none !important; }
.rcrp-private-draft__action-status {
	grid-column: 1 / -1;
	margin: 0;
	font-size: var(--rcrp-font-14, .875rem);
	line-height: 1.6;
}
.rcrp-private-draft__new { border-width: 2px !important; }
.rcrp-private-draft[data-state="unconfirmed"] {
	border-color: var(--rcrp-color-warning, #805311);
	background: var(--rcrp-color-warning-soft, #fff3cf);
	color: var(--rcrp-color-text, #183047);
}

.rcrp-private-draft button {
	min-block-size: var(--rcrp-control-min, 44px);
	max-inline-size: 100%;
	padding: 8px 14px;
	border: 1px solid var(--rcrp-color-border-strong, #8ca2b5);
	border-radius: var(--rcrp-radius-sm, 12px);
	background: var(--rcrp-color-surface, #fff);
	color: var(--rcrp-color-heading, #071a31);
	font: 800 var(--rcrp-font-14, .875rem)/1.3 var(--rcrp-font-sans, sans-serif);
	cursor: pointer;
	touch-action: manipulation;
	transition: background-color var(--rcrp-motion-fast, 140ms) var(--rcrp-ease-standard, ease), border-color var(--rcrp-motion-fast, 140ms) var(--rcrp-ease-standard, ease);
}

.rcrp-private-draft button:hover:not(:disabled) {
	border-color: var(--rcrp-color-accent, #ff650f);
	background: var(--rcrp-color-accent-soft, #fff1e8);
}

.rcrp-private-draft button:focus-visible,
.rcrp-private-draft[tabindex="-1"]:focus-visible {
	outline: var(--rcrp-focus-width, 3px) solid var(--rcrp-focus-color, #0b6fc2);
	outline-offset: var(--rcrp-focus-offset, 2px);
	box-shadow: 0 0 0 2px var(--rcrp-focus-inner, #fff);
}

.rcrp-private-draft__uploads {
	display: grid;
	grid-column: 1 / -1;
	gap: var(--rcrp-space-2, 8px);
	min-inline-size: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rcrp-private-draft__uploads[hidden] {
	display: none;
}

.rcrp-private-draft__upload {
	display: flex;
	gap: var(--rcrp-space-2, 8px);
	align-items: center;
	justify-content: space-between;
	min-inline-size: 0;
	padding: 8px 10px;
	border: 1px solid var(--rcrp-color-border, #d8e2eb);
	border-radius: var(--rcrp-radius-sm, 12px);
	background: var(--rcrp-color-surface, #fff);
}

.rcrp-private-draft__upload-name {
	overflow: hidden;
	min-inline-size: 0;
	font-size: var(--rcrp-font-14, .875rem);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rcrp-private-draft__remove {
	flex: 0 0 auto;
}

.rcrp-private-draft[data-state="saving"] {
	border-color: var(--rcrp-color-brand, #0b6fc2);
}

.rcrp-private-draft[data-state="saved"] {
	background: var(--rcrp-color-success-soft, #e7f7ef);
}

.rcrp-private-draft[data-state="conflict"],
.rcrp-private-draft[data-state="error"] {
	border-color: var(--rcrp-color-danger, #b42318);
	background: var(--rcrp-color-danger-soft, #fff0ee);
	color: var(--rcrp-color-danger-strong, #7a1a12);
}

.rcrp-private-draft[data-state="submitted"] {
	background: var(--rcrp-color-success-soft, #e7f7ef);
	color: var(--rcrp-color-success-strong, #125b39);
}

@media (max-width: 560px) {
	.rcrp-private-draft {
		grid-template-columns: minmax(0, 1fr);
		padding-inline: 14px;
	}

	.rcrp-private-draft__actions,
	.rcrp-private-draft button {
		inline-size: 100%;
	}

	.rcrp-private-draft__actions {
		justify-content: stretch;
	}

	.rcrp-private-draft__upload {
		align-items: stretch;
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rcrp-private-draft *,
	.rcrp-private-draft *::before,
	.rcrp-private-draft *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}