/* =========================================================================
   Infopolitie – [wet] BBCode + Wet picker modal
   ========================================================================= */

/* ── Rendered post: [wet=LABEL]…[/wet] ─────────────────────────────────── */
/* Styling is handled entirely by .docs-wet in infopolitie2026.css          */

/* ── Picker modal ────────────────────────────────────────────────────────── */

.ip-picker-overlay {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .45);
}

.ip-picker-dialog {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, .28);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.ip-picker-dialog--wet {
	width: min(520px, 95vw);
}

.ip-picker-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 14px;
	background: #001B4C;
	color: #fff;
	font-size: .95em;
}

.ip-picker-close {
	background: none;
	border: none;
	color: #fff;
	font-size: 1.3em;
	line-height: 1;
	cursor: pointer;
	padding: 0 2px;
	opacity: .75;
}

.ip-picker-close:hover {
	opacity: 1;
}

/* dark mode overlay */
[data-color-scheme="dark"] .ip-picker-dialog,
[data-bs-theme="dark"] .ip-picker-dialog {
	background: #1e2530;
	color: #ddd;
}

[data-color-scheme="dark"] .ip-wet-picker-form,
[data-bs-theme="dark"] .ip-wet-picker-form {
	border-bottom-color: #3a4455;
}

[data-color-scheme="dark"] .ip-wet-field-row label,
[data-bs-theme="dark"] .ip-wet-field-row label {
	color: #bbb;
}

[data-color-scheme="dark"] .ip-wet-bwb-wrap select,
[data-color-scheme="dark"] .ip-wet-bwb-wrap input,
[data-color-scheme="dark"] #ip-wet-art,
[data-bs-theme="dark"] .ip-wet-bwb-wrap select,
[data-bs-theme="dark"] .ip-wet-bwb-wrap input,
[data-bs-theme="dark"] #ip-wet-art {
	background: #2a3244;
	border-color: #4a5570;
	color: #ddd;
}

[data-color-scheme="dark"] pre.ip-wet-preview-tekst,
[data-bs-theme="dark"] pre.ip-wet-preview-tekst {
	background: #2a3244;
	border-color: #3a4455;
	color: #ccc;
}

.ip-wet-picker-form {
	padding: 12px 16px;
	border-bottom: 1px solid #dde3ee;
}

.ip-wet-field-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

.ip-wet-field-row label {
	width: 64px;
	flex-shrink: 0;
	font-weight: 600;
	font-size: .9em;
	color: #444;
}

.ip-wet-bwb-wrap {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.ip-wet-bwb-wrap select,
.ip-wet-bwb-wrap input,
#ip-wet-art {
	flex: 1;
	padding: 5px 8px;
	border: 1px solid #bdc8d9;
	border-radius: 3px;
	font-size: .9em;
}

.ip-wet-field-row--action {
	margin-top: 4px;
}

.ip-wet-status {
	font-size: .88em;
	color: #555;
}

.ip-wet-status--error {
	color: #c0392b;
}

/* Preview pane */

.ip-wet-preview {
	padding: 12px 16px;
}

.ip-wet-preview-head {
	margin-bottom: 6px;
	font-size: .88em;
	color: #001B4C;
}

.ip-wet-preview-titel {
	margin-left: 6px;
	color: #555;
	font-weight: normal;
}

.ip-wet-preview-geldig {
	margin-left: 8px;
	color: #7c5c00;
	font-size: .85em;
	font-style: italic;
}

pre.ip-wet-preview-tekst {
	background: #f4f6fb;
	border: 1px solid #dde3ee;
	border-radius: 3px;
	padding: 8px 10px;
	font-size: .85em;
	line-height: 1.5;
	white-space: pre-wrap;
	word-break: break-word;
	max-height: 220px;
	overflow-y: auto;
	margin: 0 0 10px;
}

.ip-wet-picker-actions {
	display: flex;
	gap: 8px;
}

/* ── UCP delete-account: test-mode banner variant ───────────── */
.uniform-reminder--test {
	border-left-color: #7d3fc8;
	background: #f5eeff;
	color: #4a1f8c;
}

[data-theme="dark"] .uniform-reminder--test {
	background: #1e0d33;
	border-left-color: #9b59d4;
	color: #b89de0;
}