/* SOURCE_HASH: <Version: L1.1.26> */
/* Version: L1.1.26 */
/* Last updated: 2026-04-01 */
/* File: dashboard/public/css/dashboard-ui-polish.css */
/*
 * Dashboard UI polish (scoped overrides)
 *
 * Doel:
 * - Kleine, veilige UI-verbeteringen zonder markup te wijzigen.
 * - CSS utilities strakker scopen naar de dashboard pagina om theme-conflicten te verminderen.
 */

/* Box sizing baseline inside the app */
body.vbd-dashboard-page .dashboard-app,
body.vbd-dashboard-page .dashboard-app *,
body.vbd-dashboard-page .dashboard-app *::before,
body.vbd-dashboard-page .dashboard-app *::after {
	box-sizing: border-box;
}

/* Subtle page background (embed/iframe blijft wit) */
body.vbd-dashboard-page {
	background: #fff;
}
body.vbd-dashboard-embed {
	background: #fff;
}

/* Baseline typography inside the app */
body.vbd-dashboard-page .dashboard-app {
	color: rgba(0, 0, 0, 0.88);
}

/* Make disabled states consistent */
body.vbd-dashboard-page .dashboard-app .dashboard-button,
body.vbd-dashboard-page .dashboard-app button {
	cursor: pointer;
}
body.vbd-dashboard-page .dashboard-app .dashboard-button:disabled,
body.vbd-dashboard-page .dashboard-app button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* Scope compact-UX utilities (these classes also exist unscoped in the base CSS) */
body.vbd-dashboard-page .dashboard-app .dashboard-actions-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin: 8px 0 10px;
	flex-wrap: wrap;
}
body.vbd-dashboard-page .dashboard-app .dashboard-actions-row--left {
	justify-content: flex-start !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-actions-row--right {
	justify-content: flex-end !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-actions-right {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}
body.vbd-dashboard-page .dashboard-app .dashboard-actions-row-footer {
	margin-top: 12px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-topbar-profile-meta {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 8px 2px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	color: rgba(0, 0, 0, 0.76);
	white-space: nowrap;
	border: 0;
	background: transparent;
	box-shadow: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-section,
body.vbd-dashboard-page .dashboard-app .dashboard-card {
	padding: 10px 12px;
	margin: 10px 0;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	background: #fff;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04);
}

body.vbd-dashboard-page .dashboard-app .dashboard-field {
	margin-bottom: 8px;
}
body.vbd-dashboard-page .dashboard-app .dashboard-field label {
	font-weight: 700;
	font-size: 13px;
	margin-bottom: 4px;
	display: block;
}

body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="text"],
body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="email"],
body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="number"],
body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="date"],
body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="password"],
body.vbd-dashboard-page .dashboard-app .dashboard-field select,
body.vbd-dashboard-page .dashboard-app .dashboard-field textarea {
	padding: 7px 9px;
	border-radius: 8px;
	max-width: 100%;
}

body.vbd-dashboard-page .dashboard-app .dashboard-phone-field {
	display: flex;
	flex-direction: column;
	gap: 3px;
	width: 100%;
	min-width: 0;
	--vbd-phone-country-width: 80px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-phone-field__controls {
	display: grid;
	grid-template-columns: var(--vbd-phone-country-width) minmax(0, 1fr);
	gap: 0;
	align-items: stretch;
	width: 100%;
	min-width: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-phone-field__controls select,
body.vbd-dashboard-page .dashboard-app .dashboard-phone-field__controls input[type="tel"] {
	max-width: none;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
	height: 38px;
	min-height: 38px;
	width: 100%;
	min-width: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.2;
	box-sizing: border-box;
}

body.vbd-dashboard-page .dashboard-app .dashboard-phone-field__controls .dashboard-phone-field__country {
	grid-column: 1;
	width: 100%;
	min-width: var(--vbd-phone-country-width);
	max-width: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
	padding-left: 9px;
	padding-right: 14px;
	text-overflow: clip;
	font-weight: 600;
}

body.vbd-dashboard-page .dashboard-app .dashboard-phone-field__controls .dashboard-phone-field__local {
	grid-column: 2;
	width: 100%;
	min-width: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding-left: 11px;
	overflow: visible;
	text-overflow: clip;
}

body.vbd-dashboard-page .dashboard-app .dashboard-phone-field__help {
	margin-top: 0;
	line-height: 1.4;
}

/* ==========================================================
 * Form rows (label + field aligned) – RF4.3
 *
 * Doel:
 * - Labels en velden niet tegen elkaar aan
 * - Minimaal 20px afstand tussen label en veld
 * - Alle velden onder elkaar uitlijnen o.b.v. het langste label
 *
 * Gebruik:
 * <div class="dashboard-form-rows">
 *   <div class="dashboard-field"><label>...</label><input ... /></div>
 *   ...
 * </div>
 * ========================================================== */

body.vbd-dashboard-page .dashboard-app .dashboard-form-rows {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	column-gap: 20px;
	row-gap: 12px;
	align-items: center;
}

/* Let each field contribute its label+control directly to the grid,
   so the label column width is decided by the widest label in the container. */
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows .dashboard-field {
	display: contents;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-rows .dashboard-field > label {
	grid-column: 1;
	margin: 0;
	font-weight: 800;
	font-size: 13px;
	display: block;
	white-space: nowrap;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-rows .dashboard-field > input[type="text"],
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows .dashboard-field > input[type="email"],
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows .dashboard-field > input[type="number"],
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows .dashboard-field > input[type="date"],
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows .dashboard-field > input[type="password"],
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows .dashboard-field > select,
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows .dashboard-field > textarea,
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows .dashboard-field > input[type="file"] {
	grid-column: 2;
	width: 100%;
	max-width: 560px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-rows .dashboard-field > .dashboard-phone-field {
	grid-column: 2;
	width: 100%;
	max-width: 560px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-rows .dashboard-field > textarea {
	min-height: 110px;
}

/* Helptext under field: keep alignment in column 2 */
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows .dashboard-field > .dashboard-help,
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows .dashboard-field > .dashboard-muted {
	grid-column: 2;
	margin: -6px 0 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table th,
body.vbd-dashboard-page .dashboard-app .dashboard-table td {
	padding: 8px 10px;
	font-size: 13px;
	vertical-align: top;
}

body.vbd-dashboard-page .dashboard-app .dashboard-muted {
	font-size: 12px;
}
body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-status {
	font-size: 12px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-kvk-upload-indicator {
	position: relative;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
}

body.vbd-dashboard-page .dashboard-app .dashboard-kvk-upload-indicator.is-missing {
	background: rgba(249, 115, 22, 0.16) !important;
	border-color: rgba(249, 115, 22, 0.34) !important;
	color: #9a3412 !important;
	animation: dashboard-kvk-pulse 1.4s ease-in-out infinite;
}

body.vbd-dashboard-page .dashboard-app .dashboard-kvk-upload-indicator.is-complete {
	background: rgba(34, 197, 94, 0.16) !important;
	border-color: rgba(34, 197, 94, 0.30) !important;
	color: #166534 !important;
	box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.06) inset !important;
}

@keyframes dashboard-kvk-pulse {
	0%,
	100% {
		background: #ffffff;
		border-color: rgba(249, 115, 22, 0.18);
		color: #9a3412;
		box-shadow: 0 0 0 0 rgba(249, 115, 22, 0);
	}
	50% {
		background: rgba(249, 115, 22, 0.16);
		border-color: rgba(249, 115, 22, 0.34);
		color: #9a3412;
		box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.08);
	}
}

body.vbd-dashboard-page .dashboard-app .dashboard-details {
	margin-top: 10px;
	padding-top: 8px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}
body.vbd-dashboard-page .dashboard-app .dashboard-details > summary {
	cursor: pointer;
	font-weight: 800;
	list-style: none;
}
body.vbd-dashboard-page .dashboard-app .dashboard-details > summary::-webkit-details-marker {
	display: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-doc-details > summary{
	display: flex;
	align-items: center;
	gap: 12px;
	padding-right: 34px;
	position: relative;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-doc-details > summary::after{
	content: "▸";
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	line-height: 1;
	font-weight: 800;
	color: #1f2937;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-doc-details[open] > summary::after{
	content: "▾";
}

body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) .dashboard-actions-cell {
	white-space: nowrap;
}
body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) .dashboard-actions-cell .dashboard-button {
	margin-right: 6px;
}

/* ==========================================================
 * Login overlay (frontend) – RF3.1
 *
 * Doel:
 * - Rustige, compacte login (max 400px)
 * - Checkbox + label op 1 regel, met 30px gap
 * - Registreren links, 50px onder “Onthoud mij…”
 * - Wachtwoord vergeten direct onder registreren
 * ========================================================== */

body.vbd-dashboard-page .dashboard-login-overlay{
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(0,0,0,0.45);
}

body.vbd-dashboard-page .dashboard-login-box{
	width: 100%;
	max-width: 400px;
	border-radius: 14px;
	border: 1px solid rgba(0,0,0,0.10);
	background: #fff;
	box-shadow: 0 12px 40px rgba(0,0,0,0.25);
	padding: 18px 18px 16px;
}

body.vbd-dashboard-page .dashboard-login-title{
	margin: 0 0 12px 0;
	font-size: 18px;
	font-weight: 900;
}

body.vbd-dashboard-page .dashboard-login-box .dashboard-field{
	margin-bottom: 12px;
}
body.vbd-dashboard-page .dashboard-login-box .dashboard-field label{
	display: block;
	font-weight: 800;
	font-size: 13px;
	margin-bottom: 6px;
}
body.vbd-dashboard-page .dashboard-login-box input[type="text"],
body.vbd-dashboard-page .dashboard-login-box input[type="password"],
body.vbd-dashboard-page .dashboard-login-box input[type="email"]{
	width: 100%;
	max-width: 100%;
	border-radius: 10px;
	padding: 10px 12px;
}

@media (max-width: 782px) {
	body.vbd-dashboard-page .dashboard-app .dashboard-phone-field__controls {
		gap: 0;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-phone-field {
		--vbd-phone-country-width: 74px;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-phone-field__controls .dashboard-phone-field__local {
		font-size: 15px;
	}
}

/* Remember me line */
body.vbd-dashboard-page .dashboard-login-box .dashboard-field-inline{
	margin-top: 40px;
	margin-bottom: 0;
}
body.vbd-dashboard-page .dashboard-login-box .dashboard-checkbox{
	display: flex;
	align-items: center;
	gap: 30px;
	white-space: nowrap;
	font-weight: 700;
}

/* Primary action (Inloggen) */
body.vbd-dashboard-page .dashboard-login-box .dashboard-login-primary-actions{
	margin-top: 14px;
}
body.vbd-dashboard-page .dashboard-login-box .dashboard-login-primary-actions .dashboard-button{
	width: 100%;
	justify-content: center;
}

/* Secondary actions: register + forgot */
body.vbd-dashboard-page .dashboard-login-box .dashboard-login-secondary-actions{
	margin-top: 50px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}
body.vbd-dashboard-page .dashboard-login-box .dashboard-login-secondary-actions .dashboard-button{
	justify-content: flex-start;
}
body.vbd-dashboard-page .dashboard-login-box .dashboard-login-forgot{
	font-weight: 800;
	text-decoration: underline;
}

/* Front-end auth cards outside the overlay: keep these intentionally compact */
body.vbd-dashboard-page .dashboard-auth-wrap--compact,
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact{
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	margin: 28px auto;
}

body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-auth-card,
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-auth-card{
	width: 100%;
	max-width: 400px !important;
	margin: 0 auto !important;
	padding: 24px 22px;
	border-radius: 16px;
}

body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-auth-card h2,
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-auth-card h2{
	margin: 0 0 14px;
	font-size: 24px;
	line-height: 1.12;
}

body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form,
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form{
	gap: 12px;
}

body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked),
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked){
	grid-template-columns: 1fr;
	gap: 6px;
}

body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > label,
body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > input,
body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > select,
body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > textarea,
body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > .dashboard-password-field,
body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > .dashboard-user-photo-preview,
body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > .dashboard-field-error,
body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > .dashboard-muted,
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > label,
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > input,
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > select,
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > textarea,
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > .dashboard-password-field,
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > .dashboard-user-photo-preview,
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > .dashboard-field-error,
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-medewerker-onboarding-form .dashboard-field:not(.dashboard-field--stacked) > .dashboard-muted{
	grid-column: 1;
}

body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-password-field,
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-password-field{
	align-items: stretch;
	gap: 8px;
}

body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-password-field .dashboard-button,
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-password-field .dashboard-button{
	flex: 0 0 auto;
}

body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-actions-row--form,
body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-actions-row--form{
	justify-content: flex-end;
	gap: 12px !important;
}

/* Mobile tweaks */
@media (max-width: 720px) {
	body.vbd-dashboard-page .dashboard-app .dashboard-actions-row {
		flex-direction: column;
		align-items: stretch;
	}
	body.vbd-dashboard-page .dashboard-app .dashboard-actions-right {
		margin-left: 0;
	}
	body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) .dashboard-actions-cell {
		white-space: normal;
	}

	body.vbd-dashboard-page .dashboard-login-box{
		padding: 16px 14px 14px;
	}

	body.vbd-dashboard-page .dashboard-auth-wrap--compact,
	body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact{
		max-width: none;
		margin: 18px auto;
	}

	body.vbd-dashboard-page .dashboard-auth-wrap--compact .dashboard-auth-card,
	body.vbd-dashboard-page .dashboard-app .dashboard-auth-wrap--compact .dashboard-auth-card{
		max-width: none !important;
		padding: 18px 16px;
	}
}


/* ------------------------------------------------------------
   Units: modal layout polish (Sprint 1.3.02.RF2)
------------------------------------------------------------- */
body.vbd-dashboard-page .dashboard-app .dashboard-units-form .dashboard-modal-col:first-child .dashboard-field{
	display: grid;
	grid-template-columns: 1fr 156px;
	column-gap: 18px;
	align-items: center;
}

body.vbd-dashboard-page .dashboard-app .dashboard-units-form .dashboard-modal-col:first-child .dashboard-field .dashboard-label{
	margin: 0;
	text-align: left;
}

body.vbd-dashboard-page .dashboard-app .dashboard-units-form .dashboard-modal-col:first-child .dashboard-field input[type="text"],
body.vbd-dashboard-page .dashboard-app .dashboard-units-form .dashboard-modal-col:first-child .dashboard-field input[type="number"],
body.vbd-dashboard-page .dashboard-app .dashboard-units-form .dashboard-modal-col:first-child .dashboard-field select{
	width: 156px;
	max-width: 156px;
	justify-self: end;
}

body.vbd-dashboard-page .dashboard-app .dashboard-units-form .dashboard-modal-col:first-child .dashboard-field .dashboard-muted{
	grid-column: 1 / -1;
	margin: 6px 0 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-button-archive:hover{
	background: #8b1e1e;
	border-color: #6f1515;
	filter: none;
}

/* Units buttons: enforce colors (theme-safe) */
body.vbd-dashboard-page .dashboard-app .dashboard-button-archive{
	background: #c96a00 !important;
	border-color: #a85600 !important;
	color: #fff !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-button-danger{
	background: #c62828 !important;
	border-color: #a61f1f !important;
	color: #fff !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-button-danger:hover{
	background: #8b1e1e !important;
	border-color: #6f1515 !important;
}



/* ==========================================================================
   RF4.5 – Form alignment (labels left, fields right)
   ========================================================================== */
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: 20px;
  row-gap: 12px;
  align-items: start;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > label,
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows .dashboard-label {
  font-weight: 600;
  color: #0f172a;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > input,
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > select,
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > textarea {
  width: 100%;
  max-width: 100%;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > .dashboard-field {
  display: contents;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > .dashboard-field > label {
  grid-column: 1;
  margin: 0;
  white-space: nowrap;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > .dashboard-field > input,
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > .dashboard-field > select,
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > .dashboard-field > textarea,
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > .dashboard-field > .dashboard-phone-field {
  grid-column: 2;
  width: 100%;
  max-width: 560px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > .dashboard-field > .dashboard-help,
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > .dashboard-field > .dashboard-muted {
  grid-column: 2;
  margin: -4px 0 0;
}

/* Make file inputs wrap nicely */
body.vbd-dashboard-page .dashboard-app input[type="file"] {
  max-width: 100%;
}


/* ==========================================================================
   RF4.6.7 – Dropzone uploads + modal polish (Ondertekenaars & documenten)
   ========================================================================== */

body.vbd-dashboard-page .dashboard-app .dashboard-dropzone{
  position: relative;
  border: 1px dashed rgba(15, 23, 42, 0.25);
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.02);
  padding: 10px 12px;
  min-height: 44px;
  cursor: pointer;
}

body.vbd-dashboard-page .dashboard-app .dashboard-dropzone input[type="file"]{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

body.vbd-dashboard-page .dashboard-app .dashboard-dropzone-hint{
  font-weight: 800;
  font-size: 13px;
  color: #0f172a;
}

body.vbd-dashboard-page .dashboard-app .dashboard-dropzone-filename{
  display: block;
  min-height: 1.4em;
  margin-top: 10px;
  font-size: 12px;
  color: #475569;
  line-height: 1.5;
  word-break: break-all;
}

body.vbd-dashboard-page .dashboard-app .dashboard-dropzone-filename:not(:empty){
  padding: 9px 11px;
  border-radius: 10px;
  border: 1px solid #dbe2ea;
  background: #f8fafc;
}

body.vbd-dashboard-page .dashboard-app .dashboard-dropzone.has-selected-file .dashboard-dropzone-filename{
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 700;
}

body.vbd-dashboard-page .dashboard-app .dashboard-dropzone.is-dragover{
  border-color: rgba(15, 23, 42, 0.55);
  background: rgba(15, 23, 42, 0.05);
}

body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-form--other-docs .dashboard-field--document-upload-shell{
  align-items: start;
}

body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-form--other-docs .dashboard-doc-upload-layout{
  grid-column: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
  gap: 16px;
  align-items: start;
  width: 100%;
  max-width: 980px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-form--other-docs .dashboard-dropzone{
  min-height: 120px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-form--other-docs .dashboard-dropzone-filename{
  display: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-form--other-docs .dashboard-doc-upload-sidebar{
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-form--other-docs .dashboard-doc-upload-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
}

body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-form--other-docs .dashboard-doc-upload-actions .dashboard-button,
body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-form--other-docs .dashboard-doc-upload-actions .dashboard-button-secondary{
  min-width: 124px;
  justify-content: center;
}

body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-form--other-docs .dashboard-doc-upload-selected-meta{
  display: flex;
  flex-direction: column;
  gap: 7px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-form--other-docs .dashboard-doc-upload-secondary-action{
  display: flex;
  justify-content: flex-start;
}

body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-form--other-docs .dashboard-doc-upload-selected-label{
  font-size: 12px;
  font-weight: 700;
  color: #475569;
  letter-spacing: 0.01em;
}

body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-form--other-docs .dashboard-doc-upload-selected-file{
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 11px 13px;
  border: 1px solid #dbe2ea;
  border-radius: 10px;
  background: #f8fafc;
  color: #0f172a;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  word-break: break-word;
}

body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-form--other-docs .dashboard-doc-upload-selected-file.is-empty{
  color: #64748b;
  font-weight: 500;
}

@media (max-width: 900px){
  body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-form--other-docs .dashboard-doc-upload-layout{
    grid-template-columns: minmax(0, 1fr);
  }

  body.vbd-dashboard-page .dashboard-app .dashboard-doc-upload-form--other-docs .dashboard-doc-upload-sidebar{
    width: 100%;
  }
}

/* Align dropzones inside label-left forms */
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > .dashboard-field > .dashboard-dropzone{
  grid-column: 2;
  width: 100%;
  max-width: 560px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > .dashboard-field > .dashboard-dropzone + .dashboard-help{
  grid-column: 2;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > .dashboard-field > .dashboard-upload-source-actions{
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 15px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > .dashboard-field > .dashboard-scan-runtime-status{
  grid-column: 2;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > .dashboard-field > .dashboard-upload-source-actions + .dashboard-help,
body.vbd-dashboard-page .dashboard-app .dashboard-form-rows > .dashboard-field > .dashboard-scan-runtime-status + .dashboard-help{
  grid-column: 2;
}

body.vbd-dashboard-page .dashboard-app .dashboard-upload-trigger{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
  user-select: none;
}
body.vbd-dashboard-page .dashboard-app .dashboard-upload-trigger.is-busy,
body.vbd-dashboard-page .dashboard-app .dashboard-upload-trigger[aria-disabled="true"]{
  opacity: 0.72;
  cursor: progress;
  pointer-events: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-scan-source-input{
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-scan-runtime-status{
  margin-top: 10px;
  padding: 9px 11px;
  border-radius: 10px;
  border: 1px solid #dbe2ea;
  background: #f8fafc;
  color: #475569;
  font-size: 12px;
  line-height: 1.45;
}

body.vbd-dashboard-page .dashboard-app .dashboard-scan-runtime-status[data-dashboard-runtime-state="camera"]{
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}

body.vbd-dashboard-page .dashboard-app .dashboard-scan-runtime-status[data-dashboard-runtime-state="ready"]{
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

body.vbd-dashboard-page .dashboard-app .dashboard-scan-runtime-status[data-dashboard-runtime-state="loading"]{
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}

body.vbd-dashboard-page .dashboard-app .dashboard-scan-runtime-status[data-dashboard-runtime-state="warn"]{
  border-color: #fed7aa;
  background: #fff7ed;
  color: #9a3412;
}

body.vbd-dashboard-page .dashboard-app .dashboard-scan-runtime-status[data-dashboard-runtime-state="error"]{
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

/* Country custom field is only needed when "Overig" is chosen */
body.vbd-dashboard-page .dashboard-app .dashboard-country-custom-field{
  display: none;
}

/* Modal polish */
body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal{
  padding: 0;
  overflow: hidden;
  max-width: 920px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal-body{
  max-height: 75vh;
  overflow: auto;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-section{
  padding: 12px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 12px;
  background: #fff;
  margin-bottom: 12px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-section-title{
  font-size: 12px;
  letter-spacing: 0.02em;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 10px;
  text-transform: uppercase;
}

body.vbd-dashboard-page .dashboard-app .dashboard-actions-row--modal{
  gap: 12px !important;
}

/* RF4.6.10 – modal density + date field styling */
body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal{
  font-size: 13px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal label{
  font-size: 11px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal input[type="text"],
body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal input[type="email"],
body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal input[type="tel"],
body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal input[type="number"],
body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal input[type="date"],
body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal select,
body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal textarea{
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal input[type="date"]{
  border-radius: 6px;
  background: rgba(15, 23, 42, 0.03);
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal input[type="date"]::-webkit-calendar-picker-indicator{
  width: 18px;
  height: 18px;
  padding: 6px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal .dashboard-grid-2{
  column-gap: 14px;
  row-gap: 10px;
}


/* ------------------------------------------------------------
 * Tenant renters: renter type switch + private renter form polish
 * ------------------------------------------------------------ */
.dashboard-renter-kind-switch__inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	flex-wrap:wrap;
}
.dashboard-renter-kind-switch__title{
	font-weight:600;
}
.dashboard-renter-kind-switch__help{
	font-size:12px;
	opacity:.8;
	margin-top:2px;
}
.dashboard-renter-kind-switch__options{
	display:flex;
	gap:16px;
	flex-wrap:wrap;
	align-items:center;
}
.dashboard-renter-kind-switch__options label{
	margin:0;
}
.dashboard-renter-kind-switch__controls{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:14px;
	flex-wrap:wrap;
}
.dashboard-renter-kind-switch__search{
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
}
.dashboard-renter-kind-switch__search input[type="search"]{
	min-width:260px;
	height:40px;
	padding:0 14px;
	border-radius:999px;
}

.dashboard-private-renter-form__top-actions{
	margin:12px 0;
}
.dashboard-private-renter-form__address-grid{
	margin-top:12px;
}
.dashboard-private-renter-form__footer-actions{
	margin-top:14px;
}

/* ------------------------------------------------------------
 * K1.3.5 – Private renter form layout overhaul
 * K1.3.6 – Private renters overview/archief table polish
 * ------------------------------------------------------------ */
.vbd-private-renter-form__header{
	margin-bottom:14px;
}
.vbd-private-renter-form__title{
	margin:0 0 6px 0;
}
.vbd-private-renter-form__subtitle{
	margin:0 0 10px 0;
}

.vbd-private-renter-form .vbd-field-full{
	grid-column: 1 / -1;
}

.vbd-private-renter-form .vbd-inline-check{
	display:flex;
	align-items:center;
	gap:10px;
	margin-top:6px;
	font-weight:400;
}

.vbd-private-renter-form .vbd-doc-status{
	margin-top:10px;
}

.vbd-private-renter-form .dashboard-form-section{
	margin-top:12px;
}

.vbd-private-renter-form .dashboard-collapsible-body .dashboard-help{
	margin:0 0 10px 0;
}

.vbd-private-renter-form .dashboard-field textarea{
	min-height: 90px;
}

.vbd-private-renter-form .vbd-private-renter-actions--bottom{
	margin-top:18px;
}

/* Comfort: slightly less “pill” for dense forms */
.vbd-private-renter-form .dashboard-field input[type="text"],
.vbd-private-renter-form .dashboard-field input[type="email"],
.vbd-private-renter-form .dashboard-field input[type="number"],
.vbd-private-renter-form .dashboard-field input[type="date"],
.vbd-private-renter-form .dashboard-field select,
.vbd-private-renter-form .dashboard-field textarea{
	border-radius:14px;
}

.vbd-private-renter-form .dashboard-required{color:#d63638;font-weight:700;}

/* ------------------------------------------------------------
 * K1.3.6 – Private renters overview/archief tables
 * ------------------------------------------------------------ */
.vbd-private-renters-header{
	margin:12px 0 10px;
}

.vbd-private-renters-table td{
	vertical-align:middle;
}

.vbd-private-renters-table .dashboard-badge{
	white-space:nowrap;
}

.vbd-private-renters-table .dashboard-actions-inline{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
}


/* ------------------------------------------------------------
 * K1.3.7 – Private renters search + intake indicator
 * ------------------------------------------------------------ */
.vbd-private-renters-search{
	margin:10px 0 14px;
}

.vbd-private-renters-search input[type="search"]{
	max-width:420px;
}

@media (max-width: 640px){
	.vbd-private-renters-search{
		flex-wrap:wrap;
	}
	.vbd-private-renters-search input[type="search"]{
		flex: 1 1 100%;
		max-width: none;
	}
}



/* ======================================================================
   RF4.7 – Unified dashboard button system
   Doel:
   - Rustige neutrale basis voor alle knoppen
   - Bewerken / standaard: wit
   - Archiveren: oranje met 20% transparantie
   - Definitief verwijderen: rood met 30% transparantie
   - Actieknoppen naast elkaar, compacter en netter uitgelijnd
   ====================================================================== */
body.vbd-dashboard-page .dashboard-app .dashboard-button,
body.vbd-dashboard-page .dashboard-app a.dashboard-button,
body.vbd-dashboard-page .dashboard-app button.dashboard-button,
body.vbd-dashboard-page .dashboard-app .button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	min-height: 34px !important;
	padding: 0 14px !important;
	border: 1px solid rgba(15, 23, 42, 0.14) !important;
	border-radius: 9px !important;
	background: #ffffff !important;
	color: #1f2937 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.1 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .06s ease, box-shadow .16s ease !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-button:hover,
body.vbd-dashboard-page .dashboard-app a.dashboard-button:hover,
body.vbd-dashboard-page .dashboard-app button.dashboard-button:hover,
body.vbd-dashboard-page .dashboard-app .button:hover,
body.vbd-dashboard-page .dashboard-app .dashboard-button:focus,
body.vbd-dashboard-page .dashboard-app a.dashboard-button:focus,
body.vbd-dashboard-page .dashboard-app button.dashboard-button:focus,
body.vbd-dashboard-page .dashboard-app .button:focus {
	background: #f8fafc !important;
	border-color: rgba(51, 65, 85, 0.28) !important;
	color: #111827 !important;
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.10) !important;
	outline: none !important;
	transform: translateY(-1px) !important;
	filter: none !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-button:active,
body.vbd-dashboard-page .dashboard-app a.dashboard-button:active,
body.vbd-dashboard-page .dashboard-app button.dashboard-button:active,
body.vbd-dashboard-page .dashboard-app .button:active {
	transform: translateY(1px) scale(0.985) !important;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.10) !important;
	filter: none !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-button:focus-visible,
body.vbd-dashboard-page .dashboard-app a.dashboard-button:focus-visible,
body.vbd-dashboard-page .dashboard-app button.dashboard-button:focus-visible,
body.vbd-dashboard-page .dashboard-app .button:focus-visible {
	outline: 2px solid rgba(37, 99, 235, 0.22) !important;
	outline-offset: 2px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-button-small,
body.vbd-dashboard-page .dashboard-app .button-small {
	min-height: 30px !important;
	padding: 0 12px !important;
	font-size: 12px !important;
	border-radius: 8px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-button-primary,
body.vbd-dashboard-page .dashboard-app .button.button-primary {
	background: #ecfdf3 !important;
	border-color: #9ed7b4 !important;
	color: #166534 !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-button-primary:hover,
body.vbd-dashboard-page .dashboard-app .dashboard-button-primary:focus,
body.vbd-dashboard-page .dashboard-app .button.button-primary:hover,
body.vbd-dashboard-page .dashboard-app .button.button-primary:focus {
	background: #dbf5e5 !important;
	border-color: #84c79f !important;
	color: #14532d !important;
	box-shadow: 0 2px 6px rgba(34, 197, 94, 0.14) !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-button-secondary,
body.vbd-dashboard-page .dashboard-app .button.button-secondary,
body.vbd-dashboard-page .dashboard-app .dashboard-button-search,
body.vbd-dashboard-page .dashboard-app .dashboard-button-view {
	background: #ffffff !important;
	border-color: rgba(15, 23, 42, 0.14) !important;
	color: #1f2937 !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-button-archive {
	background: rgba(249, 115, 22, 0.20) !important;
	border-color: rgba(249, 115, 22, 0.34) !important;
	color: #9a3412 !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-button-archive:hover,
body.vbd-dashboard-page .dashboard-app .dashboard-button-archive:focus {
	background: rgba(249, 115, 22, 0.26) !important;
	border-color: rgba(249, 115, 22, 0.46) !important;
	color: #7c2d12 !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-button-danger {
	background: rgba(220, 38, 38, 0.30) !important;
	border-color: rgba(220, 38, 38, 0.40) !important;
	color: #991b1b !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-button-danger:hover,
body.vbd-dashboard-page .dashboard-app .dashboard-button-danger:focus {
	background: rgba(220, 38, 38, 0.38) !important;
	border-color: rgba(220, 38, 38, 0.50) !important;
	color: #7f1d1d !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-actions-inline,
body.vbd-dashboard-page .dashboard-app .dashboard-actions-inline--tight {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-wrap: nowrap !important;
	white-space: nowrap !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-actions-inline form,
body.vbd-dashboard-page .dashboard-app .dashboard-actions-inline--tight form {
	display: inline-flex !important;
	margin: 0 !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-actions-cell,
body.vbd-dashboard-page .dashboard-app .dashboard-actions-cell--templates {
	white-space: nowrap !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-actions-cell--templates {
	min-width: 320px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-contracts-overview-shell .dashboard-actions-cell {
	white-space: normal !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-contracts-overview-shell .dashboard-actions-cell .dashboard-button {
	margin-right: 0 !important;
}


/* K2.4.77 – uniforme compacte actieknoppen dashboardbreed */
body.vbd-dashboard-page .dashboard-app .dashboard-button,
body.vbd-dashboard-page .dashboard-app a.dashboard-button,
body.vbd-dashboard-page .dashboard-app button.dashboard-button,
body.vbd-dashboard-page .dashboard-app input[type="submit"].dashboard-button,
body.vbd-dashboard-page .dashboard-app .button.dashboard-button,
body.vbd-dashboard-page .dashboard-app .dashboard-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	min-height: 34px !important;
	padding: 0 12px !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .06s ease !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-button-small,
body.vbd-dashboard-page .dashboard-app a.dashboard-button-small,
body.vbd-dashboard-page .dashboard-app button.dashboard-button-small,
body.vbd-dashboard-page .dashboard-app .button.dashboard-button-small {
	min-height: 32px !important;
	padding: 0 11px !important;
	font-size: 12px !important;
	border-radius: 8px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-button.dashboard-button-secondary,
body.vbd-dashboard-page .dashboard-app a.dashboard-button.dashboard-button-secondary,
body.vbd-dashboard-page .dashboard-app button.dashboard-button.dashboard-button-secondary,
body.vbd-dashboard-page .dashboard-app .button.dashboard-button-secondary,
body.vbd-dashboard-page .dashboard-app .dashboard-link:not(.danger) {
	background: #ffffff !important;
	border: 1px solid rgba(15, 23, 42, 0.14) !important;
	color: #1f2937 !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-button.dashboard-button-secondary:hover,
body.vbd-dashboard-page .dashboard-app .dashboard-button.dashboard-button-secondary:focus,
body.vbd-dashboard-page .dashboard-app a.dashboard-button.dashboard-button-secondary:hover,
body.vbd-dashboard-page .dashboard-app a.dashboard-button.dashboard-button-secondary:focus,
body.vbd-dashboard-page .dashboard-app button.dashboard-button.dashboard-button-secondary:hover,
body.vbd-dashboard-page .dashboard-app button.dashboard-button.dashboard-button-secondary:focus,
	body.vbd-dashboard-page .dashboard-app .button.dashboard-button-secondary:hover,
	body.vbd-dashboard-page .dashboard-app .button.dashboard-button-secondary:focus,
	body.vbd-dashboard-page .dashboard-app .dashboard-link:not(.danger):hover,
	body.vbd-dashboard-page .dashboard-app .dashboard-link:not(.danger):focus {
	background: #f8fafc !important;
	border-color: rgba(15, 23, 42, 0.20) !important;
	color: #111827 !important;
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.10) !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-button.dashboard-button-secondary:active,
body.vbd-dashboard-page .dashboard-app a.dashboard-button.dashboard-button-secondary:active,
body.vbd-dashboard-page .dashboard-app button.dashboard-button.dashboard-button-secondary:active,
body.vbd-dashboard-page .dashboard-app .button.dashboard-button-secondary:active,
body.vbd-dashboard-page .dashboard-app .dashboard-link:not(.danger):active {
	background: #f1f5f9 !important;
	transform: translateY(1px) scale(0.985) !important;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.10) !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-button.dashboard-button-archive,
body.vbd-dashboard-page .dashboard-app a.dashboard-button.dashboard-button-archive,
body.vbd-dashboard-page .dashboard-app button.dashboard-button.dashboard-button-archive,
body.vbd-dashboard-page .dashboard-app .button.dashboard-button-archive {
	background: rgba(249, 115, 22, 0.20) !important;
	border: 1px solid rgba(249, 115, 22, 0.34) !important;
	color: #9a3412 !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-button.dashboard-button-archive:hover,
body.vbd-dashboard-page .dashboard-app .dashboard-button.dashboard-button-archive:focus,
body.vbd-dashboard-page .dashboard-app a.dashboard-button.dashboard-button-archive:hover,
body.vbd-dashboard-page .dashboard-app a.dashboard-button.dashboard-button-archive:focus,
body.vbd-dashboard-page .dashboard-app button.dashboard-button.dashboard-button-archive:hover,
body.vbd-dashboard-page .dashboard-app button.dashboard-button.dashboard-button-archive:focus,
body.vbd-dashboard-page .dashboard-app .button.dashboard-button-archive:hover,
body.vbd-dashboard-page .dashboard-app .button.dashboard-button-archive:focus {
	background: rgba(249, 115, 22, 0.28) !important;
	border-color: rgba(249, 115, 22, 0.46) !important;
	color: #7c2d12 !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-button.dashboard-button-archive:active,
body.vbd-dashboard-page .dashboard-app a.dashboard-button.dashboard-button-archive:active,
body.vbd-dashboard-page .dashboard-app button.dashboard-button.dashboard-button-archive:active,
body.vbd-dashboard-page .dashboard-app .button.dashboard-button-archive:active {
	background: rgba(249, 115, 22, 0.34) !important;
	border-color: rgba(249, 115, 22, 0.52) !important;
	transform: translateY(1px) !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-button.dashboard-button-danger,
body.vbd-dashboard-page .dashboard-app a.dashboard-button.dashboard-button-danger,
body.vbd-dashboard-page .dashboard-app button.dashboard-button.dashboard-button-danger,
body.vbd-dashboard-page .dashboard-app .button.dashboard-button-danger,
body.vbd-dashboard-page .dashboard-app .dashboard-link.danger {
	background: rgba(220, 38, 38, 0.30) !important;
	border: 1px solid rgba(220, 38, 38, 0.40) !important;
	color: #991b1b !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-button.dashboard-button-danger:hover,
body.vbd-dashboard-page .dashboard-app .dashboard-button.dashboard-button-danger:focus,
body.vbd-dashboard-page .dashboard-app a.dashboard-button.dashboard-button-danger:hover,
body.vbd-dashboard-page .dashboard-app a.dashboard-button.dashboard-button-danger:focus,
body.vbd-dashboard-page .dashboard-app button.dashboard-button.dashboard-button-danger:hover,
body.vbd-dashboard-page .dashboard-app button.dashboard-button.dashboard-button-danger:focus,
body.vbd-dashboard-page .dashboard-app .button.dashboard-button-danger:hover,
body.vbd-dashboard-page .dashboard-app .button.dashboard-button-danger:focus,
body.vbd-dashboard-page .dashboard-app .dashboard-link.danger:hover,
body.vbd-dashboard-page .dashboard-app .dashboard-link.danger:focus {
	background: rgba(220, 38, 38, 0.38) !important;
	border-color: rgba(220, 38, 38, 0.52) !important;
	color: #7f1d1d !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-button.dashboard-button-danger:active,
body.vbd-dashboard-page .dashboard-app a.dashboard-button.dashboard-button-danger:active,
body.vbd-dashboard-page .dashboard-app button.dashboard-button.dashboard-button-danger:active,
body.vbd-dashboard-page .dashboard-app .button.dashboard-button-danger:active,
body.vbd-dashboard-page .dashboard-app .dashboard-link.danger:active {
	background: rgba(220, 38, 38, 0.44) !important;
	border-color: rgba(220, 38, 38, 0.58) !important;
	transform: translateY(1px) !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-actions-inline,
body.vbd-dashboard-page .dashboard-app .dashboard-actions-inline--tight {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-wrap: nowrap !important;
	white-space: nowrap !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-actions-inline form,
body.vbd-dashboard-page .dashboard-app .dashboard-actions-inline--tight form {
	display: inline-flex !important;
	margin: 0 !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-actions-cell,
body.vbd-dashboard-page .dashboard-app .dashboard-actions-cell--templates {
	white-space: nowrap !important;
}
body.vbd-dashboard-page .dashboard-app .dashboard-actions-cell--templates {
	min-width: 340px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-contracts-overview-shell .dashboard-actions-inline.dashboard-actions-inline--overview-grid,
body.vbd-dashboard-page .dashboard-app .dashboard-contracts-overview-shell .dashboard-actions-inline--tight.dashboard-actions-inline--overview-grid {
	display: grid !important;
	flex-wrap: unset !important;
	white-space: normal !important;
	justify-content: initial !important;
}



/* ------------------------------------------------------------
 * Tenant renters: signer person modals (compact 3/2-col layout)
 * ------------------------------------------------------------ */
body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal{
  width:min(920px, calc(100vw - 32px));
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .dashboard-modal-body{
  display:flex;
  flex-direction:column;
  gap:10px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .dashboard-modal-section{
  margin-bottom:0;
  padding:12px 14px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-3,
body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-2,
body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-address,
body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-location,
body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-documents{
  display:grid;
  gap:10px 12px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-3{
  grid-template-columns:minmax(0,1.25fr) minmax(0,1.25fr) minmax(150px,0.9fr);
  margin-bottom:10px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-2{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-address{
  grid-template-columns:minmax(0,2.2fr) minmax(96px,0.7fr) minmax(110px,0.8fr);
  margin-bottom:10px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-location{
  grid-template-columns:minmax(120px,0.8fr) minmax(0,1.2fr) minmax(160px,1fr);
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-documents{
  grid-template-columns:minmax(180px,0.9fr) minmax(0,1.3fr);
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .dashboard-modal-footer,
body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .dashboard-actions-row--modal{
  justify-content:flex-end;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .dashboard-field{
  min-width:0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .dashboard-field input[type="text"],
body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .dashboard-field input[type="email"],
body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .dashboard-field input[type="date"],
body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .dashboard-field select{
  width:100%;
}

@media (max-width: 860px){
  body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-3,
  body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-2,
  body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-name-row,
  body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-contact-row,
  body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-address,
  body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-location,
  body.vbd-dashboard-page .dashboard-app .dashboard-modal.vbd-person-modal .vbd-person-grid-documents{
    grid-template-columns:1fr;
  }
}

/* ------------------------------------------------------------
 * Signer modals: robust grid layout outside .dashboard-app scope
 * ------------------------------------------------------------ */
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal{
  width:min(980px, calc(100vw - 32px)) !important;
  max-width:min(980px, calc(100vw - 32px)) !important;
  min-width:0 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-modal-body,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-modal-body{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-modal-section,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-modal-section{
  margin:0 !important;
  padding:14px 16px !important;
  background:#fff !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:12px !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-modal-section-title,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-modal-section-title{
  margin:0 0 10px !important;
  font-size:14px !important;
  font-weight:700 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-3,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-2,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-name-row,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-contact-row,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-address,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-location,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-documents,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-company,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-address,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-edit-meta{
  display:grid !important;
  width:100% !important;
  gap:12px 14px !important;
  align-items:start !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-3{
  grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(160px,.9fr) !important;
}
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-2{
  grid-template-columns:minmax(160px,.8fr) minmax(0,1fr) !important;
}
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-name-row{
  grid-template-columns:minmax(0,1.2fr) minmax(120px,.6fr) minmax(0,1.4fr) minmax(170px,.8fr) !important;
}
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-contact-row{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-address{
  grid-template-columns:minmax(0,2fr) minmax(110px,1fr) minmax(120px,1fr) !important;
}
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-location{
  grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(160px,1fr) !important;
}
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-documents{
  grid-template-columns:minmax(180px,.85fr) minmax(0,1.35fr) !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-company{
  grid-template-columns:minmax(0,2fr) minmax(180px,1fr) minmax(150px,1fr) !important;
}
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-company > :nth-child(4){
  grid-column:1 / -1 !important;
}
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-address{
  grid-template-columns:minmax(0,2fr) minmax(110px,1fr) minmax(140px,1fr) !important;
}
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-address > .dashboard-country-custom-field{
  grid-column:1 / -1 !important;
}
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-edit-meta{
  grid-template-columns:minmax(0,1.6fr) minmax(0,1.1fr) minmax(170px,1fr) !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-field,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-field{
  min-width:0 !important;
  margin-bottom:0 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-field > label,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-field > label{
  display:block !important;
  margin:0 0 6px !important;
  font-size:12px !important;
  line-height:1.3 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-field input[type="text"],
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-field input[type="email"],
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-field input[type="tel"],
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-field input[type="number"],
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-field input[type="date"],
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-field select,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-field textarea,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-field input[type="text"],
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-field input[type="email"],
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-field input[type="tel"],
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-field input[type="number"],
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-field input[type="date"],
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-field select,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-field textarea{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-dropzone,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-dropzone{
  width:100% !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-country-custom-field,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-country-custom-field{
  margin-top:8px !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-help,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-help,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-muted,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-muted{
  font-size:12px !important;
  line-height:1.45 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-modal-footer,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-actions-row--modal,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-modal-footer,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-actions-row--modal{
  display:flex !important;
  justify-content:flex-end !important;
  gap:10px !important;
}

@media (max-width: 900px){
  body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-3,
  body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-2,
  body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-name-row,
  body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-contact-row,
  body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-address,
  body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-location,
  body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-documents,
  body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-company,
  body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-address,
  body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-edit-meta{
    grid-template-columns:1fr !important;
  }
  body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-company > :nth-child(4),
  body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-address > .dashboard-country-custom-field{
    grid-column:auto !important;
  }
}

@media (max-width: 900px){
  body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-3,
  body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-2,
  body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-address,
  body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-location,
  body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-documents,
  body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-company,
  body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-address,
  body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-edit-meta{
    grid-template-columns:1fr !important;
  }
  body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-company > :nth-child(4),
  body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-address > .dashboard-country-custom-field{
    grid-column:auto !important;
  }
}


/* Dashboard landing tiles */
body.vbd-dashboard-page .dashboard-app .dashboard-tile--muted {
	background: #f1f3f6;
	border-color: rgba(0, 0, 0, 0.10);
}

body.vbd-dashboard-page .dashboard-app .dashboard-tile-spacer {
	min-height: 0;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	pointer-events: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-tile-spacer * {
	display: none !important;
}

/* ------------------------------------------------------------
 * Tenant renters mail compose
 * Placed in dashboard-ui-polish.css because this file is enqueued
 * after dashboard-public.css and must win against generic modal rules.
 * ------------------------------------------------------------ */
body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-modal {
  max-width: 1040px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  box-shadow: 0 28px 72px rgba(15, 23, 42, 0.16) !important;
  background: #fff !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-modal__header {
  padding: 24px 28px 18px !important;
  background: linear-gradient(180deg, rgba(250, 250, 250, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-modal__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  background: rgba(243, 243, 243, 0.92) !important;
  color: rgba(32, 38, 46, 0.72) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-modal__title {
  margin: 10px 0 0 !important;
  font-size: 23px !important;
  line-height: 1.12 !important;
  font-weight: 500 !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-modal__subtitle {
  margin-top: 8px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: rgba(32, 38, 46, 0.64) !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-modal__body {
  background: linear-gradient(180deg, rgba(246, 246, 246, 0.7) 0%, rgba(243, 243, 243, 0.5) 100%) !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-compose__main {
  padding: 28px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-sheet {
  padding: 24px 24px 22px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(15, 23, 42, 0.045) !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.06) !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-meta {
  display: grid !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-meta__row {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-meta__label {
  padding: 0 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(32, 38, 46, 0.5) !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-meta__surface {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 4px 8px 8px !important;
  background: linear-gradient(180deg, rgba(243, 243, 243, 0.48) 0%, rgba(243, 243, 243, 0.16) 100%) !important;
  border: 0 !important;
  border-radius: 10px 10px 0 0 !important;
  box-shadow: none !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-meta__surface::after {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: rgba(15, 23, 42, 0.18) !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-meta__text {
  display: block !important;
  width: 100% !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: #20262e !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-form-grid {
  gap: 16px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-template-field {
  margin-top: 18px !important;
  padding-top: 18px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-field > label,
body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-message-field > label {
  display: block !important;
  margin: 0 0 6px !important;
  padding: 0 2px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  color: rgba(32, 38, 46, 0.5) !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-field .dashboard-premium-field__control {
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(15, 23, 42, 0.05) !important;
  background: linear-gradient(180deg, rgba(247, 247, 247, 0.96) 0%, rgba(243, 243, 243, 0.82) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 2px 6px rgba(15,23,42,0.02) !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-field .dashboard-premium-field__control--select {
  position: relative !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-field .dashboard-premium-field__control--select::after {
  content: "" !important;
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 1.5px solid rgba(32, 38, 46, 0.42) !important;
  border-bottom: 1.5px solid rgba(32, 38, 46, 0.42) !important;
  transform: translateY(-62%) rotate(45deg) !important;
  pointer-events: none !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-field .dashboard-premium-field__control select,
body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-field .dashboard-premium-field__control input[type="text"] {
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: #18202a !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-field .dashboard-premium-field__control select {
  padding-right: 26px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-subject-field .dashboard-renter-email-subject-field__control {
  min-height: 38px !important;
  padding: 0 10px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-subject-field .dashboard-renter-email-subject-field__control input[type="text"] {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-field .dashboard-premium-field__hint,
body.vbd-dashboard-page .dashboard-app .dashboard-renter-email-field .dashboard-renter-email-help {
  margin: 6px 0 0 !important;
  padding-left: 2px !important;
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  color: rgba(32, 38, 46, 0.6) !important;
}

/* ------------------------------------------------------------
 * K3.3.63 – Site-wide supplier-style dashboard baseline
 * Doel:
 * - Leveranciers-detailstijl als brede dashboardtaal
 * - rustigere witte kaarten, zachte grijs/blauwe randen
 * - compactere formulieren/modals/tabellen
 * - mobiel: overzichtelijker met scrollbare tabs en veilige tabelpresentatie
 * ------------------------------------------------------------ */
body.vbd-dashboard-page{
	--vbd-shell-surface: #f5f7fb;
	--vbd-surface: #ffffff;
	--vbd-surface-subtle: #f8fafc;
	--vbd-border: #dbe4ef;
	--vbd-border-strong: #cdd8e6;
	--vbd-text-strong: #182131;
	--vbd-text: #243042;
	--vbd-muted: #64748b;
	--vbd-muted-strong: #5f718f;
	--vbd-primary: #2457d6;
	--vbd-primary-hover: #1d4ed8;
	--vbd-radius-card: 24px;
	--vbd-radius-control: 18px;
	--vbd-shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.045);
}

body.vbd-dashboard-page .dashboard-app{
	color: var(--vbd-text);
}

body.vbd-dashboard-page .dashboard-app h1{
	margin: 0 0 18px;
	font-size: clamp(42px, 4.5vw, 64px);
	line-height: 0.98;
	letter-spacing: -0.04em;
	font-weight: 500;
	color: #111827;
}

body.vbd-dashboard-page .dashboard-app .dashboard-topbar,
body.vbd-dashboard-page .dashboard-app .dashboard-tile,
body.vbd-dashboard-page .dashboard-app .dashboard-card,
body.vbd-dashboard-page .dashboard-app .dashboard-form-section,
body.vbd-dashboard-page .dashboard-app .dashboard-placeholder-box,
body.vbd-dashboard-page .dashboard-app .dashboard-maintenance-box,
body.vbd-dashboard-page .dashboard-app .dashboard-sequence-block,
body.vbd-dashboard-page .dashboard-app .dashboard-modal-section,
body.vbd-dashboard-page .dashboard-app .dashboard-traffic{
	background: var(--vbd-surface);
	border: 1px solid var(--vbd-border);
	border-radius: var(--vbd-radius-card);
	box-shadow: var(--vbd-shadow-soft);
}

body.vbd-dashboard-page .dashboard-app .dashboard-topbar{
	padding: 18px 22px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-topbar-title{
	font-size: 15px;
	font-weight: 800;
	color: var(--vbd-text-strong);
}

body.vbd-dashboard-page .dashboard-app .dashboard-topbar-profile-meta{
	font-size: 12px;
	color: var(--vbd-muted);
}

body.vbd-dashboard-page .dashboard-app .dashboard-tiles{
	gap: 18px;
	margin-top: 18px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-tile{
	padding: 20px 22px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-tile h3{
	margin: 0 0 10px;
	font-size: 20px;
	line-height: 1.12;
	font-weight: 700;
	color: var(--vbd-text-strong);
}

body.vbd-dashboard-page .dashboard-app .dashboard-tile p{
	margin: 0;
	color: rgba(24, 33, 49, 0.74);
	font-weight: 600;
	line-height: 1.45;
}

body.vbd-dashboard-page .dashboard-app .dashboard-module-header,
body.vbd-dashboard-page .dashboard-app .dashboard-page-header,
body.vbd-dashboard-page .dashboard-app .dashboard-section-header{
	gap: 14px;
	margin: 0 0 16px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-module-title{
	font-size: 18px;
	line-height: 1.16;
	font-weight: 800;
	color: var(--vbd-text-strong);
}

body.vbd-dashboard-page .dashboard-app .dashboard-tabs{
	gap: 10px;
	margin: 0 0 18px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-toolbar-compact{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 16px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-toolbar-actions{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-filter-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 10px;
	margin: 0 0 12px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-filter-field,
body.vbd-dashboard-page .dashboard-app .dashboard-shell-filter-grid > label{
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-filter-field > span,
body.vbd-dashboard-page .dashboard-app .dashboard-shell-filter-grid > label > span{
	display: block;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	color: #475569;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-filter-actions{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 8px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-filter-grid .dashboard-shell-filter-actions{
	grid-column: 1 / -1;
}

body.vbd-dashboard-page .dashboard-app .dashboard-tab,
body.vbd-dashboard-page .dashboard-app .dashboard-nav__link{
	min-height: 44px;
	padding: 0 16px;
	border-radius: 999px;
	border-color: var(--vbd-border-strong);
	background: var(--vbd-surface);
	color: #334155;
	font-size: 14px;
	font-weight: 700;
}

body.vbd-dashboard-page .dashboard-app .dashboard-tab:hover,
body.vbd-dashboard-page .dashboard-app .dashboard-nav__link:hover{
	background: #f8fafc;
	border-color: #c1cddd;
	color: #1f2937;
}

body.vbd-dashboard-page .dashboard-app .dashboard-tab.is-active,
body.vbd-dashboard-page .dashboard-app .dashboard-nav__link.is-active{
	background: #111827;
	border-color: #111827;
	color: #ffffff;
	box-shadow: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-card,
body.vbd-dashboard-page .dashboard-app .dashboard-form-section,
body.vbd-dashboard-page .dashboard-app .dashboard-placeholder-box,
body.vbd-dashboard-page .dashboard-app .dashboard-maintenance-box,
body.vbd-dashboard-page .dashboard-app .dashboard-sequence-block{
	padding: 18px 20px;
	margin: 14px 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-form-section h2,
body.vbd-dashboard-page .dashboard-app .dashboard-form-section h3,
body.vbd-dashboard-page .dashboard-app .dashboard-card h2,
body.vbd-dashboard-page .dashboard-app .dashboard-card h3{
	margin: 0 0 14px;
	font-size: 18px;
	line-height: 1.18;
	font-weight: 800;
	color: var(--vbd-text-strong);
}

body.vbd-dashboard-page .dashboard-app .dashboard-grid-2,
body.vbd-dashboard-page .dashboard-app .dashboard-grid-3,
body.vbd-dashboard-page .dashboard-app .dashboard-grid-4,
body.vbd-dashboard-page .dashboard-app .dashboard-grid-3-461,
body.vbd-dashboard-page .dashboard-app .dashboard-grid-3-122,
body.vbd-dashboard-page .dashboard-app .dashboard-company-topgrid,
body.vbd-dashboard-page .dashboard-app .dashboard-profile-details-grid{
	gap: 16px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-profile-details-grid--compact{
	gap: 10px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-profile-details-grid--compact .dashboard-field{
	margin-bottom: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-field{
	margin-bottom: 12px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-field > label,
body.vbd-dashboard-page .dashboard-app .dashboard-field label{
	display: block;
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--vbd-muted-strong);
}

body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="text"],
body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="email"],
body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="number"],
body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="date"],
body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="password"],
body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="search"],
body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="tel"],
body.vbd-dashboard-page .dashboard-app .dashboard-field select,
body.vbd-dashboard-page .dashboard-app .dashboard-field textarea,
body.vbd-dashboard-page .dashboard-app input[type="text"],
body.vbd-dashboard-page .dashboard-app input[type="email"],
body.vbd-dashboard-page .dashboard-app input[type="number"],
body.vbd-dashboard-page .dashboard-app input[type="date"],
body.vbd-dashboard-page .dashboard-app input[type="search"],
body.vbd-dashboard-page .dashboard-app input[type="tel"],
body.vbd-dashboard-page .dashboard-app select,
body.vbd-dashboard-page .dashboard-app textarea{
	min-height: 40px;
	padding: 0 12px;
	border: 1px solid var(--vbd-border-strong);
	border-radius: var(--vbd-radius-control);
	background: var(--vbd-surface);
	color: var(--vbd-text-strong);
	font-size: 14px;
	font-weight: 500;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}

body.vbd-dashboard-page .dashboard-app .dashboard-field textarea,
body.vbd-dashboard-page .dashboard-app textarea{
	min-height: 104px;
	padding: 12px 14px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-field input:focus,
body.vbd-dashboard-page .dashboard-app .dashboard-field select:focus,
body.vbd-dashboard-page .dashboard-app .dashboard-field textarea:focus,
body.vbd-dashboard-page .dashboard-app input:focus,
body.vbd-dashboard-page .dashboard-app select:focus,
body.vbd-dashboard-page .dashboard-app textarea:focus{
	outline: none;
	border-color: #9fb1ca;
	box-shadow: 0 0 0 4px rgba(148, 163, 184, 0.14);
}

body.vbd-dashboard-page .dashboard-app .dashboard-button,
body.vbd-dashboard-page .dashboard-app a.dashboard-button,
body.vbd-dashboard-page .dashboard-app button.dashboard-button,
body.vbd-dashboard-page .dashboard-app .button{
	min-height: 40px !important;
	padding: 0 14px !important;
	border-radius: 14px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-button-small{
	min-height: 34px !important;
	padding: 0 12px !important;
	font-size: 13px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table{
	border-color: var(--vbd-border);
	border-radius: 20px;
	box-shadow: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table th,
body.vbd-dashboard-page .dashboard-app .dashboard-table td{
	padding: 14px 14px;
	border-bottom-color: #e6edf5;
	font-size: 14px;
	line-height: 1.35;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table th{
	background: var(--vbd-surface);
	color: #334155;
	font-size: 13px;
	font-weight: 800;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table tbody tr:hover td{
	background: #f8fbff;
}

body.vbd-dashboard-page .dashboard-app .dashboard-card--table,
body.vbd-dashboard-page .dashboard-app .dashboard-table-wrap{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-gutter: stable both-edges;
	border: 1px solid #e6edf5;
	border-radius: 20px;
	background: var(--vbd-surface);
}

body.vbd-dashboard-page .dashboard-app .dashboard-card--table{
	padding: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-card--table > .dashboard-table,
body.vbd-dashboard-page .dashboard-app .dashboard-table-wrap .dashboard-table{
	margin: 0;
	width: 100%;
	min-width: 100%;
	border: 0;
	border-radius: 0;
	border-collapse: separate;
	border-spacing: 0;
	background: transparent;
	box-shadow: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table th,
body.vbd-dashboard-page .dashboard-app .dashboard-table td{
	padding: 13px 14px;
	font-size: 14px;
	line-height: 1.45;
	vertical-align: top;
	border-bottom: 1px solid #e6edf5;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table th{
	background: #fbfdff;
	color: #334155;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: 0.02em;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table tbody tr:last-child td{
	border-bottom: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table .dashboard-muted{
	font-size: 12px;
	line-height: 1.6;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table--compact th,
body.vbd-dashboard-page .dashboard-app .dashboard-table--compact td,
body.vbd-dashboard-page .dashboard-app .dashboard-table-compact th,
body.vbd-dashboard-page .dashboard-app .dashboard-table-compact td{
	padding: 10px 12px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table--compact th,
body.vbd-dashboard-page .dashboard-app .dashboard-table-compact th{
	font-size: 11px;
	line-height: 1.35;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table--compact td,
body.vbd-dashboard-page .dashboard-app .dashboard-table-compact td{
	font-size: 13px;
	line-height: 1.45;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal .dashboard-table-wrap,
body.vbd-dashboard-page .dashboard-app .dashboard-modal .dashboard-card--table,
body.vbd-dashboard-page .dashboard-app .dashboard-modal-dialog .dashboard-table-wrap,
body.vbd-dashboard-page .dashboard-app .dashboard-modal-dialog .dashboard-card--table{
	margin-top: 12px;
	border-radius: 16px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal .dashboard-table th,
body.vbd-dashboard-page .dashboard-app .dashboard-modal .dashboard-table td,
body.vbd-dashboard-page .dashboard-app .dashboard-modal-dialog .dashboard-table th,
body.vbd-dashboard-page .dashboard-app .dashboard-modal-dialog .dashboard-table td{
	padding: 10px 12px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal .dashboard-table th,
body.vbd-dashboard-page .dashboard-app .dashboard-modal-dialog .dashboard-table th{
	font-size: 11px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-badge{
	border-color: #dbe4ef;
	background: #f8fafc;
	color: #475569;
}

body.vbd-dashboard-page .dashboard-app .dashboard-badge.is-green{
	background: #eefaf1;
	border-color: #b7e2c1;
	color: #1f7a3f;
}

body.vbd-dashboard-page .dashboard-app .dashboard-badge.is-blue{
	background: #edf4ff;
	border-color: #9fc1ff;
	color: #1d4ed8;
}

body.vbd-dashboard-page .dashboard-app .dashboard-badge.is-red{
	background: #fff1f2;
	border-color: #f2a7b1;
	color: #b42318;
}

body.vbd-dashboard-page .dashboard-app .dashboard-badge.is-gray{
	background: #eef2f6;
	border-color: #c9d3df;
	color: #475569;
}

body.vbd-dashboard-page .dashboard-app .dashboard-badge.is-amber{
	background: #fff6df;
	border-color: #f0c36a;
	color: #9a6700;
}

body.vbd-dashboard-page .dashboard-app .dashboard-muted{
	color: var(--vbd-muted);
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-dialog,
body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal{
	border-radius: 30px;
	border: 1px solid var(--vbd-border);
	box-shadow: 0 28px 70px rgba(15, 23, 42, 0.18);
	overflow: hidden;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-header{
	padding: 22px 26px 18px;
	background: var(--vbd-surface);
	border-bottom: 1px solid #e6edf5;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-title,
body.vbd-dashboard-page .dashboard-app .dashboard-modal-header h3{
	margin: 0;
	font-size: clamp(24px, 2.6vw, 38px);
	line-height: 1.02;
	font-weight: 800;
	color: #111827;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-body{
	padding: 18px;
	background: var(--vbd-shell-surface);
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-footer{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	padding: 18px 22px 22px;
	background: var(--vbd-surface);
	border-top: 1px solid #e6edf5;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-close{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 18px;
	border: 0;
	background: #3f3f46;
	color: #ffffff;
	font-size: 38px;
	line-height: 1;
	box-shadow: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-close:hover,
body.vbd-dashboard-page .dashboard-app .dashboard-modal-close:focus{
	background: #2f3138;
	color: #ffffff;
}

body.vbd-dashboard-page .dashboard-app .dashboard-link:not(.dashboard-link-small):not(.danger),
body.vbd-dashboard-page .dashboard-app .vbd-supplier-company-trigger{
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #64748b !important;
	font-size: inherit !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	text-align: left !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: color .16s ease, transform .16s ease, text-decoration-color .16s ease;
}

body.vbd-dashboard-page .dashboard-app .dashboard-link:not(.dashboard-link-small):not(.danger) strong,
body.vbd-dashboard-page .dashboard-app .vbd-supplier-company-trigger strong,
body.vbd-dashboard-page .dashboard-app .vbd-supplier-company-cell strong{
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	transition: inherit;
}

body.vbd-dashboard-page .dashboard-app .dashboard-link:not(.dashboard-link-small):not(.danger):hover,
body.vbd-dashboard-page .dashboard-app .dashboard-link:not(.dashboard-link-small):not(.danger):focus,
body.vbd-dashboard-page .dashboard-app .vbd-supplier-company-trigger:hover,
body.vbd-dashboard-page .dashboard-app .vbd-supplier-company-trigger:focus-visible{
	color: #475569 !important;
	transform: translateX(1px);
	text-decoration: underline !important;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	outline: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-link:not(.dashboard-link-small):not(.danger):active,
body.vbd-dashboard-page .dashboard-app .vbd-supplier-company-trigger:active{
	color: #334155 !important;
	transform: translateX(1px) scale(0.995);
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-card{
	padding: 16px 18px;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-table{
	border-radius: 18px;
	overflow: hidden;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-table th{
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.01em;
	color: #334155;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-table td{
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 13px;
	line-height: 1.45;
	color: #64748b;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-row-link{
	display: inline-flex;
	align-items: center;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	font: inherit;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	transition: color .18s ease, transform .18s ease;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-row-link--company,
body.vbd-dashboard-page .dashboard-app .vbd-renter-row-link--contact{
	color: #64748b;
	font-weight: 700;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-sort-link{
	display:inline-flex;
	align-items:center;
	gap:8px;
	color:#334155;
	text-decoration:none;
	font:inherit;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-sort-link:hover,
body.vbd-dashboard-page .dashboard-app .vbd-renter-sort-link:focus-visible{
	color:#1d4ed8;
	outline:none;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-sort-link__icon{
	font-size:13px;
	line-height:1;
	color:#94a3b8;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-sort-link.is-active .vbd-renter-sort-link__icon{
	color:#2563eb;
}

body.vbd-dashboard-page .dashboard-app .dashboard-sort-button{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	font-weight: 800;
	text-align: left;
	cursor: pointer;
}

body.vbd-dashboard-page .dashboard-app .dashboard-sort-button:hover,
body.vbd-dashboard-page .dashboard-app .dashboard-sort-button:focus-visible{
	color: #1d4ed8;
	outline: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-sort-button__label{
	min-width: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-sort-button__icon{
	margin-left: auto;
	color: #64748b;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .03em;
}

body.vbd-dashboard-page .dashboard-app th[aria-sort="ascending"] .dashboard-sort-button__icon,
body.vbd-dashboard-page .dashboard-app th[aria-sort="descending"] .dashboard-sort-button__icon{
	color: #2563eb;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-table th:nth-child(3),
body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-table td:nth-child(3){
	width: 180px;
	min-width: 180px;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-table th:nth-child(6),
body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-table td:nth-child(6){
	width: 170px;
	min-width: 170px;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-table .dashboard-actions-cell.vbd-renter-overview-actions-cell{
	width:272px;
	min-width:272px;
	text-align:right;
	white-space:normal !important;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-table td.dashboard-actions-cell.vbd-renter-overview-actions-cell > .vbd-renter-overview-actions{
	display:grid !important;
	grid-template-columns:repeat(2, minmax(118px, 1fr)) !important;
	grid-auto-flow:row !important;
	grid-auto-rows:minmax(34px, auto) !important;
	gap:8px !important;
	width:100% !important;
	max-width:272px !important;
	margin-left:auto;
	align-items:stretch !important;
	justify-items:stretch !important;
	align-content:start !important;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-table td.dashboard-actions-cell.vbd-renter-overview-actions-cell > .vbd-renter-overview-actions form{
	display:block !important;
	width:100%;
	margin:0;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-table td.dashboard-actions-cell.vbd-renter-overview-actions-cell > .vbd-renter-overview-actions > *{
	width:100%;
	min-width:0;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-table td.dashboard-actions-cell.vbd-renter-overview-actions-cell > .vbd-renter-overview-actions .dashboard-button{
	display:flex !important;
	width:100%;
	min-width:0;
	justify-content:center;
	white-space:normal;
	text-align:center;
	padding: 0 8px !important;
	min-height: 34px !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-table td.dashboard-actions-cell.vbd-renter-overview-actions-cell > .vbd-renter-overview-actions .vbd-renter-overview-actions__wide{
	grid-column:1 / -1;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-email-link{
	color:#475569;
	text-decoration:none;
	word-break:break-word;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-email-link:hover,
body.vbd-dashboard-page .dashboard-app .vbd-renter-email-link:focus-visible{
	color:#1d4ed8;
	text-decoration:underline;
	outline:none;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-row-link--company:hover,
body.vbd-dashboard-page .dashboard-app .vbd-renter-row-link--company:focus-visible,
body.vbd-dashboard-page .dashboard-app .vbd-renter-row-link--contact:hover,
body.vbd-dashboard-page .dashboard-app .vbd-renter-row-link--contact:focus-visible{
	color: #475569;
	transform: translateX(1px);
	outline: none;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-row-link--company strong,
body.vbd-dashboard-page .dashboard-app .vbd-renter-row-link--contact strong{
	color: inherit;
	font: inherit;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-list-badges,
body.vbd-dashboard-page .dashboard-app .vbd-renter-list-modal-badges{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-list-badge{
	border: 1px solid transparent;
	font-weight: 700;
	color: #1f2937;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-list-badge--concept{
	background: rgba(245, 158, 11, 0.18);
	border-color: rgba(245, 158, 11, 0.26);
	color: #1f2937;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-list-badge--invited{
	background: rgba(96, 165, 250, 0.16);
	border-color: rgba(96, 165, 250, 0.22);
	color: #1f2937;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-list-badge--onboarding{
	background: rgba(148, 163, 184, 0.16);
	border-color: rgba(148, 163, 184, 0.22);
	color: #1f2937;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-list-badge--active-contract{
	background: rgba(34, 197, 94, 0.16);
	border-color: rgba(34, 197, 94, 0.22);
	color: #1f2937;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-list-badge--default{
	background: rgba(148, 163, 184, 0.14);
	border-color: rgba(148, 163, 184, 0.2);
	color: #1f2937;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-lease-summary{
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-lease-summary__main{
	font-weight: 700;
	color: #334155;
	line-height: 1.35;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-lease-summary__meta{
	font-size: 12px;
	color: #64748b;
	line-height: 1.45;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-lease-strip{
	display: block;
	width: 100%;
	height: 5px;
	border-radius: 999px;
	background: rgba(148, 163, 184, 0.24);
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-lease-strip--green{
	background: linear-gradient(90deg, rgba(34, 197, 94, 0.5) 0%, rgba(22, 163, 74, 0.72) 100%);
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-lease-strip--amber{
	background: linear-gradient(90deg, rgba(245, 158, 11, 0.34) 0%, rgba(217, 119, 6, 0.58) 100%);
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-lease-strip--gray{
	background: linear-gradient(90deg, rgba(148, 163, 184, 0.24) 0%, rgba(100, 116, 139, 0.42) 100%);
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal--renter-list-view{
	width: min(980px, calc(100vw - 40px));
	max-width: 980px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal--renter-contact-view{
	width: min(760px, calc(100vw - 40px));
	max-width: 760px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-list-modal-eyebrow{
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #64748b;
	margin-bottom: 6px;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-list-modal-grid{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-list-modal-card{
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
	padding: 18px 20px;
	border-radius: 22px;
	border: 1px solid #d7e1ef;
	background: #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-list-modal-card--wide{
	grid-column: span 2;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-list-modal-card__label{
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #64748b;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-list-modal-card__value{
	font-size: 16px;
	font-weight: 700;
	line-height: 1.45;
	color: #0f172a;
	word-break: break-word;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-modal{
	width: min(1040px, calc(100vw - 56px));
	max-width: 1040px;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-grid-3{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px 22px;
	align-items: start;
	margin-bottom: 18px;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field{
	display: grid;
	grid-template-columns: 170px minmax(0, 1fr);
	column-gap: 14px;
	row-gap: 6px;
	align-items: center;
	margin: 0;
	min-width: 0;
	width: 100%;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field label{
	grid-column: 1;
	width: auto;
	margin: 0;
	font-size: 13px;
	font-weight: 800;
	color: #1f2937;
	text-align: left;
	white-space: nowrap;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field input,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field select,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field textarea{
	grid-column: 2;
	width: 100%;
	max-width: none;
	min-height: 42px;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field{
	grid-column: 2;
	width: 100%;
	max-width: none;
	--vbd-phone-country-width: 110px;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__controls{
	display: grid;
	grid-template-columns: var(--vbd-phone-country-width) minmax(0, 1fr);
	width: 100%;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__controls select,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__controls input[type="tel"]{
	height: 42px;
	min-height: 42px;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__controls .dashboard-phone-field__country{
	padding-left: 10px;
	padding-right: 22px;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__controls .dashboard-phone-field__local{
	padding-left: 10px;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-name-row,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-contact-row{
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-address,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-location{
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-documents{
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-company,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-address,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .vbd-org-grid-edit-meta{
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-field,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-field{
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 6px !important;
	width: 100% !important;
	min-width: 0 !important;
	align-self: stretch !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-field > label,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-field > label{
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	text-align: left !important;
	white-space: nowrap !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field{
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	width: 100% !important;
	min-width: 0 !important;
	--vbd-phone-country-width: 110px !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__controls{
	display: grid !important;
	grid-template-columns: var(--vbd-phone-country-width) minmax(0, 1fr) !important;
	align-items: stretch !important;
	gap: 0 !important;
	width: 100% !important;
	min-width: 0 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls select,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls input[type="tel"],
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__controls select,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__controls input[type="tel"]{
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 42px !important;
	height: 42px !important;
	line-height: 1.2 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls .dashboard-phone-field__country,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__controls .dashboard-phone-field__country{
	grid-column: 1 !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	padding-left: 12px !important;
	padding-right: 24px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-right: 0 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls .dashboard-phone-field__local,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__controls .dashboard-phone-field__local{
	grid-column: 2 !important;
	width: 100% !important;
	min-width: 0 !important;
	padding-left: 12px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__help,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__help{
	margin-top: 0 !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__help{
	grid-column: 2;
	margin-top: 2px;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-form-section{
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-form-section > div{
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: wrap;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal [data-renter-contact-email-open]{
	justify-self: start;
}

@media (max-width: 767px){
	body.vbd-dashboard-page .dashboard-app{
		padding: 12px 12px 22px;
	}

	body.vbd-dashboard-page .dashboard-app h1{
		font-size: 34px;
		line-height: 1.02;
		margin-bottom: 14px;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-tabs{
		flex-wrap: nowrap;
		gap: 8px;
		margin: 0 -2px 14px;
		padding: 0 2px 4px;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-tabs::-webkit-scrollbar{
		display: none;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-shell-toolbar-compact,
	body.vbd-dashboard-page .dashboard-app .dashboard-nav__inner,
	body.vbd-dashboard-page .dashboard-app .dashboard-mobile-scroll-row,
	body.vbd-dashboard-page .dashboard-app .dashboard-section-header > .dashboard-shell-toolbar-actions,
	body.vbd-dashboard-page .dashboard-app .dashboard-section-header > .dashboard-actions-inline,
	body.vbd-dashboard-page .dashboard-app .dashboard-card__header .dashboard-shell-toolbar-actions{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 8px;
		width: 100%;
		overflow-x: auto;
		padding: 0 2px 4px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		justify-content: flex-start;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-shell-toolbar-compact::-webkit-scrollbar,
	body.vbd-dashboard-page .dashboard-app .dashboard-nav__inner::-webkit-scrollbar,
	body.vbd-dashboard-page .dashboard-app .dashboard-mobile-scroll-row::-webkit-scrollbar,
	body.vbd-dashboard-page .dashboard-app .dashboard-section-header > .dashboard-shell-toolbar-actions::-webkit-scrollbar,
	body.vbd-dashboard-page .dashboard-app .dashboard-section-header > .dashboard-actions-inline::-webkit-scrollbar,
	body.vbd-dashboard-page .dashboard-app .dashboard-card__header .dashboard-shell-toolbar-actions::-webkit-scrollbar{
		display: none;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-shell-toolbar-compact > *,
	body.vbd-dashboard-page .dashboard-app .dashboard-nav__inner > *,
	body.vbd-dashboard-page .dashboard-app .dashboard-mobile-scroll-row > *,
	body.vbd-dashboard-page .dashboard-app .dashboard-section-header > .dashboard-shell-toolbar-actions > *,
	body.vbd-dashboard-page .dashboard-app .dashboard-section-header > .dashboard-actions-inline > *,
	body.vbd-dashboard-page .dashboard-app .dashboard-card__header .dashboard-shell-toolbar-actions > *{
		flex: 0 0 auto;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-tab{
		flex: 0 0 auto;
		min-height: 40px;
		padding: 0 14px;
		font-size: 13px;
		white-space: nowrap;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-shell-filter-actions{
		flex-direction: column;
		align-items: stretch;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-shell-filter-actions .button{
		width: 100%;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-topbar,
	body.vbd-dashboard-page .dashboard-app .dashboard-card,
	body.vbd-dashboard-page .dashboard-app .dashboard-form-section,
	body.vbd-dashboard-page .dashboard-app .dashboard-placeholder-box,
	body.vbd-dashboard-page .dashboard-app .dashboard-maintenance-box,
	body.vbd-dashboard-page .dashboard-app .dashboard-sequence-block,
	body.vbd-dashboard-page .dashboard-app .dashboard-modal-section,
	body.vbd-dashboard-page .dashboard-app .dashboard-tile{
		padding: 14px;
		border-radius: 20px;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-grid-2,
	body.vbd-dashboard-page .dashboard-app .dashboard-grid-3,
	body.vbd-dashboard-page .dashboard-app .dashboard-grid-4,
	body.vbd-dashboard-page .dashboard-app .dashboard-grid-3-461,
	body.vbd-dashboard-page .dashboard-app .dashboard-grid-3-122,
	body.vbd-dashboard-page .dashboard-app .dashboard-company-topgrid,
	body.vbd-dashboard-page .dashboard-app .dashboard-profile-grid,
	body.vbd-dashboard-page .dashboard-app .dashboard-profile-details-grid,
	body.vbd-dashboard-page .dashboard-app .dashboard-form-rows,
	body.vbd-dashboard-page .dashboard-app .vbd-renter-list-modal-grid,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-grid-3{
		grid-template-columns: 1fr !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field{
		grid-template-columns: 1fr;
		row-gap: 8px;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field label,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field input,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field select,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field textarea,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__help{
		grid-column: 1;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-modal--renter-list-view,
	body.vbd-dashboard-page .dashboard-app .dashboard-modal--renter-contact-view,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-modal{
		width: min(100vw - 16px, 100%);
		max-width: min(100vw - 16px, 100%);
	}

	body.vbd-dashboard-page .dashboard-app .vbd-renter-list-modal-card--wide{
		grid-column: auto;
	}

	.dashboard-renter-kind-switch__controls{
		width:100%;
		justify-content:flex-start;
	}

	.dashboard-renter-kind-switch__search{
		width:100%;
	}

	.dashboard-renter-kind-switch__search input[type="search"]{
		min-width:0;
		width:100%;
	}

	body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-table .dashboard-actions-cell.vbd-renter-overview-actions-cell{
		width:auto;
		min-width:210px;
	}

	body.vbd-dashboard-page .dashboard-app .vbd-renter-overview-table td.dashboard-actions-cell.vbd-renter-overview-actions-cell > .vbd-renter-overview-actions{
		max-width:none;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-form-section{
		grid-template-columns: 1fr;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-form-section > div{
		justify-content: stretch;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-form-section > div .dashboard-button,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal [data-renter-contact-email-open]{
		width: 100%;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-page-header,
	body.vbd-dashboard-page .dashboard-app .dashboard-module-header,
	body.vbd-dashboard-page .dashboard-app .dashboard-section-header{
		flex-direction: column;
		align-items: flex-start;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-page-actions,
	body.vbd-dashboard-page .dashboard-app .dashboard-actions-right{
		width: 100%;
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-page-actions .dashboard-button,
	body.vbd-dashboard-page .dashboard-app .dashboard-actions-right .dashboard-button{
		width: 100%;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-mobile-scroll-row .dashboard-button,
	body.vbd-dashboard-page .dashboard-app .dashboard-shell-toolbar-compact .dashboard-button,
	body.vbd-dashboard-page .dashboard-app .dashboard-section-header > .dashboard-shell-toolbar-actions .dashboard-button,
	body.vbd-dashboard-page .dashboard-app .dashboard-section-header > .dashboard-actions-inline .dashboard-button,
	body.vbd-dashboard-page .dashboard-app .dashboard-card__header .dashboard-shell-toolbar-actions .dashboard-button{
		width: auto;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="text"],
	body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="email"],
	body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="number"],
	body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="date"],
	body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="password"],
	body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="search"],
	body.vbd-dashboard-page .dashboard-app .dashboard-field input[type="tel"],
	body.vbd-dashboard-page .dashboard-app .dashboard-field select,
	body.vbd-dashboard-page .dashboard-app .dashboard-field textarea,
	body.vbd-dashboard-page .dashboard-app input[type="text"],
	body.vbd-dashboard-page .dashboard-app input[type="email"],
	body.vbd-dashboard-page .dashboard-app input[type="number"],
	body.vbd-dashboard-page .dashboard-app input[type="date"],
	body.vbd-dashboard-page .dashboard-app input[type="search"],
	body.vbd-dashboard-page .dashboard-app input[type="tel"],
	body.vbd-dashboard-page .dashboard-app select,
	body.vbd-dashboard-page .dashboard-app textarea{
		min-height: 42px;
		font-size: 15px;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-table{
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-table th,
	body.vbd-dashboard-page .dashboard-app .dashboard-table td{
		padding: 12px 12px;
		font-size: 13px;
		white-space: nowrap;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-modal-dialog,
	body.vbd-dashboard-page .dashboard-app .dashboard-modal-overlay .dashboard-modal{
		width: min(100vw - 16px, 100%);
		max-height: calc(100vh - 16px);
		border-radius: 24px;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-modal-header{
		padding: 16px 16px 14px;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-modal-title,
	body.vbd-dashboard-page .dashboard-app .dashboard-modal-header h3{
		font-size: 24px;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-modal-body{
		padding: 14px;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-modal-footer{
		padding: 14px 16px 16px;
		flex-direction: column-reverse;
		align-items: stretch;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-modal-footer .dashboard-button{
		width: 100%;
	}

body.vbd-dashboard-page .dashboard-app .dashboard-modal-close{
		width: 44px;
		height: 44px;
		border-radius: 14px;
		font-size: 32px;
	}
}

/* ==========================================================================
   RF4.9 – Shared person/org modal alignment + compact phone control
   Doel:
   - landcode en lokaal nummer altijd op 1 regel
   - landcodeveld compacter en exact even hoog als nummerveld
   - labels/velden in persoon- en contactmodals strak links uitgelijnd
   ========================================================================== */

body.vbd-dashboard-page .dashboard-app .dashboard-phone-field,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field {
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	--vbd-phone-country-width: 80px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-phone-field__controls,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__controls,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__controls {
	display: grid !important;
	grid-template-columns: var(--vbd-phone-country-width) minmax(0, 1fr) !important;
	gap: 0 !important;
	align-items: stretch !important;
	width: 100% !important;
	min-width: 0 !important;
	border: 1px solid rgba(148, 163, 184, 0.34) !important;
	border-radius: 14px !important;
	background: linear-gradient(180deg, #fbfcfe 0%, #f5f8fc 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 1px 2px rgba(15, 23, 42, 0.04) !important;
	overflow: hidden !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-phone-field__controls select,
body.vbd-dashboard-page .dashboard-app .dashboard-phone-field__controls input[type="tel"],
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls select,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls input[type="tel"],
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__controls select,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__controls input[type="tel"],
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__controls select,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__controls input[type="tel"] {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	height: 40px !important;
	min-height: 40px !important;
	line-height: 1.2 !important;
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-phone-field__controls .dashboard-phone-field__country,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls .dashboard-phone-field__country,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__controls .dashboard-phone-field__country,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__controls .dashboard-phone-field__country {
	grid-column: 1 !important;
	width: 100% !important;
	min-width: var(--vbd-phone-country-width) !important;
	max-width: 112px !important;
	padding-left: 8px !important;
	padding-right: 14px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-right: 1px solid rgba(148, 163, 184, 0.32) !important;
	background: linear-gradient(180deg, #f4f8fe 0%, #ecf1f8 100%) !important;
	font-weight: 700 !important;
	text-align: left !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-phone-field__controls .dashboard-phone-field__local,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls .dashboard-phone-field__local,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__controls .dashboard-phone-field__local,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__controls .dashboard-phone-field__local {
	grid-column: 2 !important;
	width: 100% !important;
	min-width: 0 !important;
	padding-left: 14px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	background: rgba(255, 255, 255, 0.96) !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-name-row,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-contact-row,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-grid-3 {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 16px 18px !important;
	align-items: start !important;
	width: 100% !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-name-row > .dashboard-field,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-contact-row > .dashboard-field,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-grid-3 > .dashboard-field {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 6px !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-name-row > .dashboard-field > label,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-contact-row > .dashboard-field > label,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-grid-3 > .dashboard-field > label {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	text-align: left !important;
	white-space: nowrap !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-name-row > .dashboard-field > input,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-name-row > .dashboard-field > select,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-contact-row > .dashboard-field > input,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-contact-row > .dashboard-field > select,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-grid-3 > .dashboard-field > input,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-grid-3 > .dashboard-field > select {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-name-row > .dashboard-field > .dashboard-phone-field,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-contact-row > .dashboard-field > .dashboard-phone-field,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-grid-3 > .dashboard-field > .dashboard-phone-field {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
}

@media (min-width: 901px) {
	body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-name-row,
	body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-contact-row {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-grid-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 900px) {
	body.vbd-dashboard-page .dashboard-app .dashboard-phone-field,
	body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field,
	body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field {
		--vbd-phone-country-width: 116px !important;
	}
}

/* ------------------------------------------------------------
 * K3.3.91 – Side-wide shell normalization + renter portal overview extraction
 * Doel:
 * - rustiger modulekoppen en actieblokken over admin/tenant/renter schermen
 * - kaarten met consistente header/body spacing
 * - tabelcontainers die overal dezelfde omhulling gebruiken
 * - renter portal overview uit inline CSS halen zodat dezelfde shelltaal geldt
 * ------------------------------------------------------------ */
body.vbd-dashboard-page .dashboard-app h1{
	margin: 0 0 14px;
	font-size: clamp(34px, 4vw, 52px);
	line-height: 1.02;
	letter-spacing: -0.035em;
	font-weight: 600;
}

body.vbd-dashboard-page .dashboard-app .dashboard-page-header,
body.vbd-dashboard-page .dashboard-app .dashboard-module-header,
body.vbd-dashboard-page .dashboard-app .dashboard-section-header{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px 18px;
	margin: 0 0 18px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-page-actions,
body.vbd-dashboard-page .dashboard-app .dashboard-actions-row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-page-actions--end,
body.vbd-dashboard-page .dashboard-app .dashboard-actions-inline--end{
	justify-content: flex-end;
}

body.vbd-dashboard-page .dashboard-app .gb-page .gb-edit-form .dashboard-actions-row--section{
	display:block !important;
	text-align:right !important;
}

body.vbd-dashboard-page .dashboard-app .gb-page .gb-edit-form .gb-section-actions-inline{
	margin-left:0 !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:flex-end !important;
	gap:30px !important;
	flex-wrap:nowrap !important;
	vertical-align:top !important;
}

body.vbd-dashboard-page .dashboard-app .gb-page .gb-edit-form .gb-section-actions-inline > .dashboard-button,
body.vbd-dashboard-page .dashboard-app .gb-page .gb-edit-form .gb-section-actions-inline > a.dashboard-button{
	margin-left:0 !important;
	margin-right:0 !important;
	flex:0 0 auto !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-actions-inline--wrap{
	flex-wrap: wrap !important;
	white-space: normal !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-mobile-scroll-row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-inline-form{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 12px 14px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-inline-form .dashboard-field{
	margin-bottom: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-list{
	margin: 6px 0 0 18px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-title-reset{
	margin: 0 !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-title-gap-sm{
	margin: 0 0 8px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-copy-reset{
	margin: 0 !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-copy-xs{
	margin: 4px 0 0 !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-copy-sm{
	margin: 6px 0 0 !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-copy-topless{
	margin-top: 0 !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-stack-xs{
	margin-top: 8px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-stack-sm{
	margin-top: 10px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-stack-md{
	margin-top: 12px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-stack-lg{
	margin-top: 14px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-hidden{
	display: none !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-actions-center{
	align-items: center !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-inline-choice{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 8px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-cell-center-strong{
	text-align: center !important;
	font-weight: 600;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-col-photo{
	width: 70px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-col-primary{
	width: 72px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-col-primary-wide{
	width: 80px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-col-type{
	width: 60px;
	text-align: center;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-col-date,
body.vbd-dashboard-page .dashboard-app .dashboard-shell-col-archived{
	width: 160px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-col-status{
	width: 120px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-col-actions-md{
	width: 170px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-col-actions-lg{
	width: 320px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-shell-col-actions-xl{
	width: 360px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-email-template-radio-col{
	width: 40px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-placeholder-box--solid{
	border-style: solid;
}

body.vbd-dashboard-page .dashboard-app .dashboard-card > .dashboard-card__header{
	display: flex;
	flex-direction: column;
	gap: 8px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-card > .dashboard-card__header > :is(h2, h3, h4, h5, p),
body.vbd-dashboard-page .dashboard-app .dashboard-card > .dashboard-card__body > :first-child{
	margin-top: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-card > .dashboard-card__header > :is(h2, h3, h4, h5, p),
body.vbd-dashboard-page .dashboard-app .dashboard-card > .dashboard-card__body > :last-child{
	margin-bottom: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-card > .dashboard-card__header + .dashboard-card__body{
	margin-top: 14px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-card .dashboard-help{
	margin: 0;
	max-width: 90ch;
	font-size: 14px;
	line-height: 1.6;
	color: var(--vbd-muted);
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-wizard-card .dashboard-card__header > .dashboard-help,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-onboarding-card > .dashboard-card__header > .dashboard-help,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-onboarding-card .dashboard-rp-section-card > .dashboard-help,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-copy-block,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-copy-block > p{
	width: 100% !important;
	max-width: none !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table-wrap{
	margin-top: 14px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table-wrap .dashboard-table{
	margin: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-summary-card,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-overview-card{
	margin-bottom: 18px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-wizard-card{
	margin-bottom: 18px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-step-badges{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-copy-block,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-doc-copy,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-table-section{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-copy-block > p,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-doc-copy > p,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-doc-copy > ul,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-table-section > h4,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-table-section > p{
	margin: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-doc-copy > ul{
	margin-left: 18px;
	padding: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-section-card{
	padding: 18px 20px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 16px;
	background: #f8fafc;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-section-card > h4{
	margin: 0 0 8px;
	font-size: 15px;
	line-height: 1.45;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-section-card > .dashboard-help{
	font-size: 12px;
	line-height: 1.75;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-grid-relaxed{
	gap: 18px 20px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-step-success{
	margin-bottom: 16px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-step-actions{
	margin-top: 14px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-reservation-meta{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-reservation-status{
	margin: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-note-row{
	margin-top: 12px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-review-badges{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 14px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-card-grid,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-summary-grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 20px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-summary-grid{
	font-size: 12px;
	line-height: 1.7;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-summary-grid > div{
	min-width: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-summary-grid strong{
	display: block;
	margin-bottom: 4px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-summary-grid-full{
	grid-column: 1 / -1;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-contract-lists{
	gap: 24px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-contract-column{
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-contract-list{
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 8px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-contract-entry{
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-history-empty,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-history-empty-state{
	padding: 4px 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-summary-table{
	margin-top: 8px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-table-title{
	font-size: 16px;
	line-height: 1.4;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-table-meta{
	font-size: 12px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-doc-col-person{
	width: 150px;
	max-width: 150px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-doc-col-file{
	width: 180px;
	max-width: 180px;
	word-break: break-word;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-inline-form{
	display: inline;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table{
	table-layout: fixed;
	min-width: 1120px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--kvk th:nth-child(1),
body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--kvk td:nth-child(1){
	width: 12%;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--kvk th:nth-child(2),
body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--kvk td:nth-child(2){
	width: 38%;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--kvk th:nth-child(3),
body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--kvk td:nth-child(3),
body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--id th:nth-child(2),
body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--id td:nth-child(2){
	width: 10%;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--id th:nth-child(1),
body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--id td:nth-child(1){
	width: 14%;
	max-width: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--id th:nth-child(3),
body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--id td:nth-child(3){
	width: 36%;
	max-width: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--other th:nth-child(1),
body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--other td:nth-child(1){
	width: 14%;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--other th:nth-child(2),
body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--other td:nth-child(2){
	width: 11%;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--other th:nth-child(3),
body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--other td:nth-child(3){
	width: 35%;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table th:nth-last-child(2),
body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table td:nth-last-child(2){
	width: 13%;
	white-space: nowrap;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table th:last-child,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table td:last-child{
	width: 27%;
	min-width: 300px;
	white-space: nowrap;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table td:last-child .dashboard-button,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table td:last-child .dashboard-rp-inline-form{
	display: inline-flex;
	vertical-align: middle;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table td:last-child .dashboard-rp-inline-form{
	margin: 0 0 0 6px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--kvk td:nth-child(2),
body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--id td:nth-child(3),
body.vbd-dashboard-page .dashboard-app .dashboard-rp-documents-table--other td:nth-child(3){
	overflow-wrap: anywhere;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-modal-dialog{
	width: min(1480px, calc(100vw - 48px));
	max-height: calc(100vh - 48px);
	border-radius: 18px;
	overflow: auto;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-modal-header{
	padding: 18px 22px 14px;
	border-bottom: 1px solid #e6edf5;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-modal-title{
	font-size: 28px;
	line-height: 1.12;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-modal-header .dashboard-muted{
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.45;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-modal-body{
	padding: 18px 22px 22px;
}

/* M1.3.2 - renter portal modals must remain usable on short screens. */
body.vbd-dashboard-page .dashboard-app .dashboard-modal[id]{
	align-items: flex-start !important;
	overflow-y: auto !important;
	padding-top: 24px !important;
	padding-bottom: 24px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal[id] .dashboard-modal-dialog{
	display: flex !important;
	flex-direction: column !important;
	height: auto !important;
	max-height: calc(100dvh - 48px) !important;
	overflow: hidden !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal[id] .dashboard-modal-header,
body.vbd-dashboard-page .dashboard-app .dashboard-modal[id] .dashboard-modal-footer{
	flex: 0 0 auto !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-modal[id] .dashboard-modal-body{
	flex: 1 1 auto !important;
	min-height: 0 !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-tabs{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 14px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-card{
	margin-top: 0;
	padding: 16px 18px;
	border-radius: 18px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form{
	display: grid;
	gap: 14px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-grid-2,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-grid-3{
	gap: 14px 18px;
	align-items: start;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-field{
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 6px;
	min-width: 0;
	width: 100%;
	margin: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-field > label{
	display: block;
	width: 100%;
	margin: 0;
	font-size: 13px;
	line-height: 1.3;
	font-weight: 750;
	color: #1e293b;
	text-align: left;
	white-space: normal;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-field input[type="text"],
body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-field input[type="email"],
body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-field input[type="number"],
body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-field input[type="date"],
body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-field select,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-field textarea{
	display: block;
	width: 100%;
	max-width: none;
	min-width: 0;
	min-height: 40px;
	border-radius: 14px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-phone-field{
	width: 100%;
	max-width: none;
	min-width: 0;
	--vbd-phone-country-width: 110px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-phone-field__controls{
	display: grid;
	grid-template-columns: var(--vbd-phone-country-width) minmax(0, 1fr);
	width: 100%;
	max-width: none;
	min-width: 0;
	gap: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-phone-field__controls select,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-phone-field__controls input[type="tel"]{
	width: 100%;
	max-width: none;
	min-width: 0;
	min-height: 40px;
	border-radius: 14px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-phone-field__controls .dashboard-phone-field__country{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-phone-field__controls .dashboard-phone-field__local{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-form .dashboard-phone-field__help{
	margin-top: 0;
	font-size: 12px;
	line-height: 1.4;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-address-help{
	margin: 2px 0 0;
	max-width: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-salutation-choice{
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	flex-wrap: wrap;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-salutation-choice label{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	margin: 0;
	min-height: 36px;
	padding: 0 14px;
	border: 1px solid var(--vbd-border-strong);
	border-radius: 999px;
	background: var(--vbd-surface);
	color: #1e293b;
	font-size: 13px;
	font-weight: 750;
	line-height: 1;
	cursor: pointer;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-salutation-choice label:has(input:checked){
	border-color: #2563eb;
	background: #eff6ff;
	color: #1d4ed8;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-salutation-choice input[type="radio"]{
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-file-field input[type="file"]{
	width: 100%;
	max-width: none;
	min-height: 40px;
	padding: 6px 10px;
	border: 1px solid var(--vbd-border-strong);
	border-radius: 14px;
	background: var(--vbd-surface);
	color: #64748b;
	font-size: 13px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-file-field input[type="file"]::file-selector-button{
	min-height: 28px;
	margin-right: 12px;
	padding: 0 12px;
	border: 1px solid var(--vbd-border-strong);
	border-radius: 10px;
	background: #ffffff;
	color: #1e293b;
	font: inherit;
	font-weight: 750;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-person-actions{
	margin-top: 2px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-party-view-modal .dashboard-modal-dialog{
	width: min(70vw, 1280px);
	max-height: calc(100vh - 64px);
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-party-view-modal .dashboard-modal-body{
	max-height: calc(100vh - 150px);
	overflow: auto;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-party-view-grid{
	display: grid;
	grid-template-columns: minmax(220px, 0.7fr) minmax(520px, 1.3fr);
	gap: 22px;
	align-items: stretch;
	min-height: calc(100vh - 250px);
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-party-view-details{
	min-width: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-party-view-lines{
	white-space: pre-line;
	line-height: 1.65;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-party-view-document{
	display: flex;
	min-width: 0;
	min-height: 0;
	flex-direction: column;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-party-view-document-title{
	margin-bottom: 10px;
	font-weight: 700;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-party-view-document-frame{
	flex: 1 1 auto;
	width: 100%;
	min-height: 520px;
	padding: 12px;
	border: 1px solid rgba(15,23,42,.12);
	border-radius: 16px;
	background: #fff;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-party-view-preview-pdf{
	width: 100%;
	height: 100%;
	min-height: inherit;
	border-radius: 10px;
	overflow: hidden;
	background: #f8fafc;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-party-view-preview-pdf iframe{
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-party-view-preview-image{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: contain;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-click-row{
	cursor: pointer;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-click-row:hover,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-authority-click-row:focus{
	background: #f8fafc;
	outline: 2px solid rgba(37, 99, 235, 0.22);
	outline-offset: -2px;
}

body.vbd-dashboard-page .dashboard-rp-party-view-modal .dashboard-modal-dialog{
	width: min(560px, calc(100vw - 40px)) !important;
	max-width: 560px !important;
}

body.vbd-dashboard-page .dashboard-rp-party-view-modal .dashboard-modal-body{
	max-height: calc(100vh - 190px) !important;
	overflow: auto !important;
}

body.vbd-dashboard-page .dashboard-rp-party-view-modal .dashboard-rp-party-view-details{
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-width: 0;
}

body.vbd-dashboard-page .dashboard-rp-party-view-modal .dashboard-rp-party-view-lines{
	white-space: pre-line;
	line-height: 1.75;
	font-size: 15px;
	color: #1f2937;
}

body.vbd-dashboard-page .dashboard-rp-party-view-modal .dashboard-rp-party-view-chain{
	padding-top: 14px;
	border-top: 1px solid rgba(15, 23, 42, 0.1);
}

body.vbd-dashboard-page .dashboard-rp-party-view-modal .dashboard-rp-party-view-chain-title{
	margin-bottom: 8px;
	font-weight: 800;
	color: #111827;
}

body.vbd-dashboard-page .dashboard-rp-party-view-modal .dashboard-rp-party-view-chain-line{
	padding: 10px 12px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 10px;
	background: #f8fafc;
	line-height: 1.5;
}

body.vbd-dashboard-page .dashboard-rp-party-view-modal .dashboard-rp-party-view-chain-line > strong{
	display: block;
	margin-bottom: 10px;
	color: #111827;
}

body.vbd-dashboard-page .dashboard-rp-party-view-modal .dashboard-rp-party-view-chain-person{
	white-space: pre-line;
	padding: 10px 0 0;
	margin-top: 10px;
	border-top: 1px solid rgba(15, 23, 42, 0.08);
	color: #1f2937;
}

body.vbd-dashboard-page .dashboard-rp-party-view-modal .dashboard-rp-party-view-chain-line + .dashboard-rp-party-view-chain-line{
	margin-top: 8px;
}

body.vbd-dashboard-page .dashboard-rp-party-view-modal .dashboard-modal-footer{
	justify-content: flex-end;
}

@media (max-width: 900px){
	body.vbd-dashboard-page .dashboard-app .dashboard-rp-party-view-modal .dashboard-modal-dialog,
	body.vbd-dashboard-page .dashboard-app .dashboard-rp-doc-preview-modal .dashboard-modal-dialog{
		width: calc(100vw - 24px) !important;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-rp-party-view-grid{
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-rp-party-view-document-frame{
		min-height: 70vh;
	}
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-doc-readonly-notice{
	margin-bottom: 12px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-doc-step-notice{
	margin-bottom: 18px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-document-status-card{
	background: #f8fafc;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-change-request-card{
	margin-top: 18px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-change-request-intro{
	margin-top: 8px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-summary-badges{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-overview-grid{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px 22px;
	margin: 0 0 18px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-overview-item{
	min-width: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-overview-item strong{
	display: block;
	margin: 0 0 6px;
	font-size: 10px;
	line-height: 1.45;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: rgba(15, 23, 42, 0.58);
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-overview-item div{
	font-size: 12px;
	line-height: 1.7;
	color: #1f2937;
	word-break: break-word;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-overview-card .dashboard-card__header h3{
	font-size: 18px;
	line-height: 1.35;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-overview-card .dashboard-table th{
	font-size: 10px;
	line-height: 1.45;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: rgba(15, 23, 42, 0.62);
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-overview-card .dashboard-table td{
	font-size: 12px;
	line-height: 1.7;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-overview-card .dashboard-table td,
body.vbd-dashboard-page .dashboard-app .dashboard-rp-overview-card .dashboard-table th{
	padding-top: 12px;
	padding-bottom: 12px;
}

body.vbd-dashboard-page{
	overflow-x: hidden;
}

body.vbd-dashboard-page .dashboard-app{
	max-width: 100%;
	min-width: 0;
	overflow-x: clip;
}

body.vbd-dashboard-page .dashboard-app > *{
	max-width: 100%;
	min-width: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-topbar,
body.vbd-dashboard-page .dashboard-app .dashboard-card,
body.vbd-dashboard-page .dashboard-app .dashboard-form-section,
body.vbd-dashboard-page .dashboard-app .dashboard-page-header,
body.vbd-dashboard-page .dashboard-app .dashboard-module-header,
body.vbd-dashboard-page .dashboard-app .dashboard-section-header,
body.vbd-dashboard-page .dashboard-app .dashboard-shell-toolbar-compact,
body.vbd-dashboard-page .dashboard-app .dashboard-mobile-scroll-row,
body.vbd-dashboard-page .dashboard-app .dashboard-tabs,
body.vbd-dashboard-page .dashboard-app .dashboard-card--table,
body.vbd-dashboard-page .dashboard-app .dashboard-table-wrap,
body.vbd-dashboard-page .dashboard-app .vbd-private-renters-card,
body.vbd-dashboard-page .dashboard-app .vbd-private-renters-table-wrap{
	max-width: 100%;
	min-width: 0;
}

body.vbd-dashboard-page .dashboard-app .dashboard-card,
body.vbd-dashboard-page .dashboard-app .dashboard-form-section,
body.vbd-dashboard-page .dashboard-app .dashboard-page-header,
body.vbd-dashboard-page .dashboard-app .dashboard-module-header,
body.vbd-dashboard-page .dashboard-app .dashboard-section-header,
body.vbd-dashboard-page .dashboard-app .vbd-private-renters-card{
	overflow-x: hidden;
}

body.vbd-dashboard-page .dashboard-app .dashboard-card--table,
body.vbd-dashboard-page .dashboard-app .dashboard-table-wrap,
body.vbd-dashboard-page .dashboard-app .dashboard-tabs,
body.vbd-dashboard-page .dashboard-app .dashboard-mobile-scroll-row,
body.vbd-dashboard-page .dashboard-app .dashboard-shell-toolbar-compact,
body.vbd-dashboard-page .dashboard-app .dashboard-nav__inner,
body.vbd-dashboard-page .dashboard-app .vbd-private-renters-table-wrap{
	overscroll-behavior-x: contain;
}

body.vbd-dashboard-page .dashboard-app .vbd-private-renters-table-wrap{
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

body.vbd-dashboard-page .dashboard-app .vbd-private-renters-table-wrap .vbd-private-renters-table{
	width: max-content;
	min-width: 100%;
	margin: 0;
}

@media (max-width: 1024px) {
	body.vbd-dashboard-page .dashboard-app .dashboard-rp-overview-grid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-rp-card-grid,
	body.vbd-dashboard-page .dashboard-app .dashboard-rp-summary-grid{
		grid-template-columns: minmax(0, 1fr);
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-rp-contract-lists{
		gap: 18px;
	}
}

@media (max-width: 640px) {
	body.vbd-dashboard-page .dashboard-app .dashboard-rp-overview-grid{
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 782px) {
	body.vbd-dashboard-page,
	body.vbd-dashboard-page #page,
	body.vbd-dashboard-page .site,
	body.vbd-dashboard-page .site-content,
	body.vbd-dashboard-page .entry-content{
		overflow-x: hidden;
	}

	body.vbd-dashboard-page .dashboard-app{
		width: 100%;
		max-width: 100vw;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-card--table,
	body.vbd-dashboard-page .dashboard-app .dashboard-table-wrap,
	body.vbd-dashboard-page .dashboard-app .vbd-private-renters-table-wrap{
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-table,
	body.vbd-dashboard-page .dashboard-app .dashboard-card--table > .dashboard-table,
	body.vbd-dashboard-page .dashboard-app .dashboard-table-wrap .dashboard-table,
	body.vbd-dashboard-page .dashboard-app .vbd-private-renters-table-wrap .vbd-private-renters-table{
		display: table;
		width: max-content;
		min-width: 100%;
		overflow: visible;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-table--compact):not(.dashboard-table-compact),
	body.vbd-dashboard-page .dashboard-app .dashboard-card--table > .dashboard-table:not(.dashboard-table--compact):not(.dashboard-table-compact),
	body.vbd-dashboard-page .dashboard-app .dashboard-table-wrap .dashboard-table:not(.dashboard-table--compact):not(.dashboard-table-compact){
		min-width: 720px;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-table--compact,
	body.vbd-dashboard-page .dashboard-app .dashboard-table-compact,
	body.vbd-dashboard-page .dashboard-app .dashboard-card--table > .dashboard-table--compact,
	body.vbd-dashboard-page .dashboard-app .dashboard-card--table > .dashboard-table-compact,
	body.vbd-dashboard-page .dashboard-app .dashboard-table-wrap .dashboard-table--compact,
	body.vbd-dashboard-page .dashboard-app .dashboard-table-wrap .dashboard-table-compact{
		min-width: 620px;
	}

	body.vbd-dashboard-page .dashboard-app .vbd-private-renters-table-wrap{
		margin: 12px -2px 0;
		padding: 0 2px 4px;
	}

	body.vbd-dashboard-page .dashboard-app .vbd-private-renters-table-wrap .vbd-private-renters-table{
		min-width: 760px;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-table th,
	body.vbd-dashboard-page .dashboard-app .dashboard-table td,
	body.vbd-dashboard-page .dashboard-app .vbd-private-renters-table th,
	body.vbd-dashboard-page .dashboard-app .vbd-private-renters-table td{
		white-space: nowrap;
	}
}

/* ------------------------------------------------------------
 * L1.0.5 – Renter contact modal refinement
 * Doel:
 * - contactmodal compacter en professioneler laten aanvoelen
 * - velden logisch groeperen in lichte secties
 * - strakke uitlijning en betere verhoudingen tussen label en inhoud
 * ------------------------------------------------------------ */
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-modal.vbd-contact-modal{
	width: min(960px, calc(100vw - 48px)) !important;
	max-width: 960px !important;
	border-radius: 28px;
	border: 1px solid rgba(148, 163, 184, 0.22);
	background: #f6f8fc;
	box-shadow: 0 30px 80px rgba(15, 23, 42, 0.16);
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__header{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	padding: 28px 32px 22px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.98) 100%);
	border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__header-copy{
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: 680px;
	min-width: 0;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__eyebrow{
	margin: 0;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #64748b;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal [data-renter-contact-modal-title]{
	margin: 0;
	font-size: clamp(30px, 3vw, 38px);
	line-height: 1.02;
	letter-spacing: -0.04em;
	font-weight: 650;
	color: #111827;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__intro{
	margin: 0;
	max-width: 620px;
	font-size: 14px;
	line-height: 1.55;
	color: #64748b;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__body{
	padding: 24px 32px 32px;
	background: transparent;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__form{
	display: flex;
	flex-direction: column;
	gap: 18px;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__section{
	padding: 20px 22px 22px;
	border: 1px solid rgba(203, 213, 225, 0.72);
	border-radius: 22px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 10px 24px rgba(15, 23, 42, 0.05);
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__section-head{
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 16px;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__section-title{
	margin: 0;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 750;
	color: #0f172a;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__section-text{
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
	color: #64748b;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid{
	display: grid !important;
	align-items: start !important;
	width: 100% !important;
	margin: 0 !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid--identity{
	grid-template-columns: minmax(0, 32fr) minmax(0, 12fr) minmax(0, 36fr) minmax(0, 30fr) !important;
	gap: 18px 16px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid--contact{
	grid-template-columns: minmax(0, 25fr) minmax(0, 25fr) minmax(0, 50fr) !important;
	gap: 18px 16px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__spacer{
	min-height: 1px !important;
	width: 100% !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid > .dashboard-field,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid > .dashboard-phone-field,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid > .vbd-contact-modal__spacer{
	min-width: 0 !important;
	width: 100% !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid > .dashboard-field{
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 7px !important;
	margin: 0 !important;
	grid-template-columns: none !important;
	column-gap: 0 !important;
	row-gap: 0 !important;
	align-self: stretch !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid > .dashboard-field > label,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid > .dashboard-phone-field > label{
	display: block !important;
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	font-weight: 750 !important;
	color: #1e293b !important;
	white-space: normal !important;
	width: 100% !important;
	text-align: left !important;
	grid-column: auto !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid input[type="text"],
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid input[type="email"],
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid input[type="tel"],
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid select,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid textarea{
	width: 100% !important;
	min-width: 0 !important;
	min-height: 42px !important;
	padding: 0 12px !important;
	border-radius: 13px !important;
	border: 1px solid #cbd5e1 !important;
	background: #fcfdff !important;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
	font-size: 14px !important;
	color: #0f172a;
	transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
	grid-column: auto !important;
	box-sizing: border-box !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid input::placeholder{
	color: #94a3b8;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid textarea{
	min-height: 120px !important;
	padding-top: 14px !important;
	padding-bottom: 14px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid input:focus,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid select:focus,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid textarea:focus{
	border-color: #3b82f6 !important;
	background: #ffffff !important;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03), 0 0 0 4px rgba(59, 130, 246, 0.12) !important;
	outline: 0;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field{
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 7px !important;
	--vbd-phone-country-width: 104px !important;
	margin: 0 !important;
	min-width: 0 !important;
	grid-column: auto !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__controls{
	display: grid !important;
	grid-template-columns: var(--vbd-phone-country-width) minmax(0, 1fr) !important;
	gap: 0 !important;
	align-items: stretch !important;
	width: 100% !important;
	min-width: 0 !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__controls select,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__controls input[type="tel"]{
	height: 48px !important;
	min-height: 48px !important;
	max-height: 48px !important;
	font-size: 15px !important;
	font-family: inherit !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	vertical-align: top !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__controls .dashboard-phone-field__country{
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-right: 0 !important;
	padding-left: 14px !important;
	padding-right: 28px !important;
	font-weight: 400 !important;
	font-family: inherit !important;
	font-size: 15px !important;
	min-height: 48px !important;
	max-height: 48px !important;
	height: 48px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__controls .dashboard-phone-field__local{
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	padding-left: 16px !important;
	min-height: 48px !important;
	max-height: 48px !important;
	height: 48px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field__help{
	margin: 2px 0 0 !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	color: #64748b !important;
	grid-column: auto !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-form-section.vbd-contact-modal__actions{
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 20px !important;
	flex-wrap: nowrap !important;
	margin: 0 !important;
	padding: 18px 20px !important;
	border-radius: 20px !important;
	border: 1px solid rgba(203, 213, 225, 0.8) !important;
	background: rgba(248, 250, 252, 0.96) !important;
	box-shadow: none !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-secondary,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-primary{
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: nowrap;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-primary{
	order: 1;
	justify-content: flex-start;
	flex: 0 0 auto;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-secondary{
	order: 2;
	margin-left: auto;
	justify-content: flex-end;
	flex: 0 0 auto;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions .dashboard-button{
	min-height: 50px;
	padding: 0 22px;
	border-radius: 15px;
	font-size: 15px;
	font-weight: 750;
	white-space: nowrap;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-primary .dashboard-button:last-child{
	min-width: 144px;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-modal-close{
	width: 46px;
	height: 46px;
	border-radius: 16px;
	border: 1px solid rgba(203, 213, 225, 0.85);
	background: rgba(255, 255, 255, 0.92);
	color: #334155;
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

@media (max-width: 900px){
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-modal.vbd-contact-modal{
		width: min(100vw - 24px, 100%) !important;
		max-width: min(100vw - 24px, 100%) !important;
		border-radius: 24px;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__header{
		padding: 22px 20px 18px;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__body{
		padding: 18px 20px 22px;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid--identity,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid--contact{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__spacer{
		display: none !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-phone-field{
		--vbd-phone-country-width: 100px !important;
	}
}

@media (max-width: 640px){
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__header{
		flex-wrap: wrap;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal [data-renter-contact-modal-title]{
		font-size: 28px;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-form-section.vbd-contact-modal__actions,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-secondary,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-primary{
		flex-direction: column;
		align-items: stretch !important;
		width: 100%;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid--identity,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid--contact{
		grid-template-columns: 1fr !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-primary{
		order: 2;
		margin-left: 0;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-secondary{
		order: 1;
		margin-left: 0;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions .dashboard-button{
		width: 100%;
	}
}

/* ------------------------------------------------------------
 * L1.0.4 – Signer phone field + compact table action cells
 * Doel:
 * - ondertekenaar/person-modals hetzelfde leesbare telefoonveld geven
 * - actieknoppen in tabellen dashboardbreed compacter en op 1 regel houden
 * ------------------------------------------------------------ */
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-contact-row{
	grid-template-columns:minmax(0, 1.22fr) minmax(0, 1.08fr) minmax(150px, 0.94fr) minmax(0, 1.12fr) !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field{
	gap: 7px !important;
	--vbd-phone-country-width: 104px !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__controls{
	grid-template-columns: var(--vbd-phone-country-width) minmax(0, 1fr) !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls select,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls input[type="tel"],
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__controls select,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__controls input[type="tel"]{
	height: 48px !important;
	min-height: 48px !important;
	font-size: 15px !important;
	font-family: inherit !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls .dashboard-phone-field__country,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__controls .dashboard-phone-field__country{
	min-width: var(--vbd-phone-country-width) !important;
	max-width: var(--vbd-phone-country-width) !important;
	padding-left: 14px !important;
	padding-right: 28px !important;
	font-size: 15px !important;
	font-family: inherit !important;
	font-weight: 400 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls .dashboard-phone-field__local,
body.vbd-dashboard-page .dashboard-modal.vbd-org-modal .dashboard-phone-field__controls .dashboard-phone-field__local{
	padding-left: 16px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) .dashboard-actions-cell{
	white-space: nowrap !important;
	text-align: right !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) td.dashboard-actions-cell{
	min-width: 230px;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) .dashboard-actions-cell > .dashboard-actions-inline,
body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) .dashboard-actions-cell > .dashboard-actions-inline--tight,
body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) .dashboard-actions-cell > .dashboard-actions-inline--table{
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	flex-wrap: nowrap !important;
	white-space: nowrap !important;
	width: 100% !important;
	justify-content: flex-end !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) .dashboard-actions-cell form{
	display: inline-flex !important;
	margin: 0 !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) .dashboard-actions-cell .dashboard-button,
body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) .dashboard-actions-cell .dashboard-link,
body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) .dashboard-actions-cell .dashboard-link-button,
body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) .dashboard-actions-cell .button{
	min-height: 30px !important;
	padding: 0 10px !important;
	border-radius: 7px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1.15 !important;
	white-space: nowrap !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-board-person-line__actions{
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	flex-wrap: nowrap !important;
	white-space: nowrap !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-board-person-line__actions .dashboard-link-small,
body.vbd-dashboard-page .dashboard-app .dashboard-board-person-line__actions .dashboard-link-button.dashboard-link-small{
	font-size: 12px !important;
	line-height: 1.15 !important;
}

@media (max-width: 900px){
	body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-contact-row{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 640px){
	body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-contact-row{
		grid-template-columns: 1fr !important;
	}

	body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) .dashboard-actions-cell > .dashboard-actions-inline,
	body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) .dashboard-actions-cell > .dashboard-actions-inline--tight,
	body.vbd-dashboard-page .dashboard-app .dashboard-table:not(.dashboard-contracts-overview-table) .dashboard-actions-cell > .dashboard-actions-inline--table{
		flex-wrap: wrap !important;
	}
}

/* ------------------------------------------------------------
 * L1.0.6 – Signer phone field size alignment
 * Doel:
 * - telefoonveld in ondertekenaar-modal exact laten aansluiten op omliggende velden
 * ------------------------------------------------------------ */
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field{
	--vbd-phone-country-width: 96px !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls select,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls input[type="tel"]{
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls .dashboard-phone-field__country{
	min-width: var(--vbd-phone-country-width) !important;
	max-width: var(--vbd-phone-country-width) !important;
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	padding-left: 12px !important;
	padding-right: 24px !important;
	font-size: 13px !important;
	font-weight: 400 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .dashboard-phone-field__controls .dashboard-phone-field__local{
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	padding-left: 14px !important;
	font-size: 13px !important;
}

/* ------------------------------------------------------------
 * L1.0.7 – Contact modal final correction
 * Doel:
 * - contactmodal dwingen naar vaste secties en desktop grid
 * - labels altijd boven de velden
 * - telefoonveld exact gelijk trekken in hoogte en typografie
 * - gesloten landcode alleen als +31 tonen; dropdown mag NL +31 tonen
 * ------------------------------------------------------------ */
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-modal.vbd-contact-modal{
	width: min(1024px, calc(100vw - 40px)) !important;
	max-width: 1024px !important;
	background: #f5f7fb !important;
	border: 1px solid rgba(203, 213, 225, 0.78) !important;
	box-shadow: 0 30px 80px rgba(15, 23, 42, 0.16) !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__form{
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__section{
	padding: 22px 24px !important;
	border-radius: 22px !important;
	border: 1px solid rgba(203, 213, 225, 0.88) !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 250, 252, 0.98) 100%) !important;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05) !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__section-head{
	margin-bottom: 18px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid{
	display: grid !important;
	width: 100% !important;
	align-items: start !important;
	grid-auto-flow: row !important;
	column-gap: 18px !important;
	row-gap: 18px !important;
	margin: 0 !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid--identity{
	grid-template-columns: minmax(0, 3.2fr) minmax(0, 1.2fr) minmax(0, 3.6fr) minmax(0, 3fr) !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid--contact{
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr) !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field.vbd-contact-modal__field,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field.vbd-contact-modal__field--phone,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__spacer{
	min-width: 0 !important;
	width: 100% !important;
	margin: 0 !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field.vbd-contact-modal__field,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field.vbd-contact-modal__field--phone{
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 7px !important;
	padding: 0 !important;
	grid-template-columns: none !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field.vbd-contact-modal__field > label,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field.vbd-contact-modal__field--phone > label{
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	font-weight: 750 !important;
	color: #1e293b !important;
	text-align: left !important;
	white-space: normal !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field.vbd-contact-modal__field > input[type="text"],
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-field.vbd-contact-modal__field > input[type="email"]{
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	border-radius: 14px !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	box-sizing: border-box !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__phone-input{
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	--vbd-phone-country-width: 92px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__controls{
	display: grid !important;
	grid-template-columns: var(--vbd-phone-country-width) minmax(0, 1fr) !important;
	align-items: stretch !important;
	width: 100% !important;
	min-width: 0 !important;
	gap: 0 !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__country,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__local{
	display: block !important;
	width: 100% !important;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	font-family: inherit !important;
	font-weight: 400 !important;
	font-variant-numeric: tabular-nums !important;
	box-sizing: border-box !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__country{
	min-width: var(--vbd-phone-country-width) !important;
	max-width: var(--vbd-phone-country-width) !important;
	padding: 0 28px 0 14px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-right: 0 !important;
	text-align: left !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__local{
	padding: 0 16px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__help{
	margin: 4px 0 0 !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	color: #64748b !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__spacer{
	display: block !important;
	min-height: 1px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-form-section.vbd-contact-modal__actions{
	display: grid !important;
	grid-template-columns: max-content 1fr max-content !important;
	align-items: center !important;
	gap: 20px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-primary,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-secondary{
	display: flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-primary{
	grid-column: 1 !important;
	justify-self: start !important;
	gap: 20px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-secondary{
	grid-column: 3 !important;
	justify-self: end !important;
	gap: 0 !important;
	margin-left: 0 !important;
}

@media (max-width: 900px){
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid--identity,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid--contact{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__spacer{
		display: none !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-form-section.vbd-contact-modal__actions{
		grid-template-columns: 1fr !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-primary,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-secondary{
		grid-column: 1 !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-secondary{
		justify-self: start !important;
	}
}

@media (max-width: 640px){
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid--identity,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__grid--contact{
		grid-template-columns: 1fr !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-primary,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__actions-secondary{
		width: 100% !important;
	}
}

/* ------------------------------------------------------------
 * L1.0.8 – Contact modal wireframe reset
 * Doel:
 * - wireframe-layout afdwingen voor contactpersoon modal
 * - 4 velden op rij in "Namen en rol"
 * - 2 velden op rij in "Contact" plus lege spacer-kolom
 * - footer met 2 acties links en 1 primaire actie rechts
 * ------------------------------------------------------------ */
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-modal.vbd-contact-modal{
	width: min(1280px, calc(100vw - 48px)) !important;
	max-width: 1280px !important;
	background: #f7f9fc !important;
	border: 1px solid rgba(203, 213, 225, 0.82) !important;
	border-radius: 28px !important;
	box-shadow: 0 28px 72px rgba(15, 23, 42, 0.18) !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__header{
	padding: 34px 38px 30px !important;
	border-bottom: 1px solid rgba(226, 232, 240, 0.92) !important;
	background: #ffffff !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__body{
	padding: 30px 38px 38px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__form{
	display: flex !important;
	flex-direction: column !important;
	gap: 22px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__section{
	padding: 24px 26px !important;
	border: 1px solid rgba(226, 232, 240, 0.95) !important;
	border-radius: 20px !important;
	background: #ffffff !important;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__section-head{
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	margin-bottom: 18px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__section-title{
	margin: 0 !important;
	font-size: 19px !important;
	line-height: 1.2 !important;
	font-weight: 650 !important;
	color: #111827 !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__section-text{
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.55 !important;
	color: #4b5563 !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout{
	display: grid !important;
	width: 100% !important;
	align-items: start !important;
	column-gap: 16px !important;
	row-gap: 16px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout--identity{
	grid-template-columns: minmax(90px, 10fr) minmax(0, 27fr) minmax(0, 12fr) minmax(0, 31fr) minmax(0, 25fr) !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout--contact{
	grid-template-columns: minmax(0, 25fr) minmax(0, 25fr) minmax(0, 50fr) !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout > .dashboard-field.vbd-contact-modal__field,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout > .dashboard-field.vbd-contact-modal__field--phone,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout > .vbd-contact-modal__spacer{
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	min-width: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 7px !important;
	grid-template-columns: none !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout > .vbd-contact-modal__spacer{
	min-height: 1px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout > .dashboard-field.vbd-contact-modal__field > label,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout > .dashboard-field.vbd-contact-modal__field--phone > label{
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	color: #1f2937 !important;
	text-align: left !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout > .dashboard-field.vbd-contact-modal__field > input[type="text"],
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout > .dashboard-field.vbd-contact-modal__field > input[type="email"]{
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid #d1d9e6 !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	color: #111827 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout > .dashboard-field.vbd-contact-modal__field > input[type="text"]::placeholder,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout > .dashboard-field.vbd-contact-modal__field > input[type="email"]::placeholder{
	color: #9aa4b2 !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__phone-input{
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	min-width: 0 !important;
	--vbd-phone-country-width: 84px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__controls{
	display: grid !important;
	grid-template-columns: var(--vbd-phone-country-width) minmax(0, 1fr) !important;
	width: 100% !important;
	min-width: 0 !important;
	align-items: stretch !important;
	gap: 0 !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__country,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__local{
	display: block !important;
	width: 100% !important;
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	margin: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border: 1px solid #d1d9e6 !important;
	background: #ffffff !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	font-family: inherit !important;
	font-weight: 400 !important;
	font-variant-numeric: tabular-nums !important;
	color: #111827 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__country{
	min-width: var(--vbd-phone-country-width) !important;
	max-width: var(--vbd-phone-country-width) !important;
	padding-left: 12px !important;
	padding-right: 26px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-right: 0 !important;
	text-align: left !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__local{
	padding-left: 14px !important;
	padding-right: 14px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-left: 1px solid #d1d9e6 !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__help{
	margin: 4px 0 0 !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	color: #6b7280 !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-form-section.vbd-contact-modal__footer{
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	padding: 22px 20px !important;
	border: 1px solid rgba(226, 232, 240, 0.95) !important;
	border-radius: 18px !important;
	background: #ffffff !important;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__footer-left,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__footer-right{
	display: inline-flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 14px !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__footer-right{
	margin-left: auto !important;
}

body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-form-section.vbd-contact-modal__footer .dashboard-button{
	min-height: 44px !important;
	padding: 0 18px !important;
	border-radius: 14px !important;
	font-size: 14px !important;
	line-height: 1.1 !important;
}

@media (max-width: 980px){
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout--identity{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout--contact{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__spacer{
		display: none !important;
	}
}

@media (max-width: 720px){
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__header,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__body{
		padding-left: 22px !important;
		padding-right: 22px !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout--identity,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout--contact{
		grid-template-columns: 1fr !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .dashboard-form-section.vbd-contact-modal__footer{
		flex-direction: column !important;
		align-items: stretch !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__footer-left,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__footer-right{
		width: 100% !important;
	}

	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__footer-right{
		margin-left: 0 !important;
		justify-content: flex-start !important;
	}
}

/* ------------------------------------------------------------
 * L1.0.9 – Contact modal body-mounted fix
 * Root cause:
 * - de modal-engine verplaatst #vbd-renter-contact-modal naar <body>
 * - selectors met ".dashboard-app #vbd-renter-contact-modal" matchen dan niet meer
 * Oplossing:
 * - definitieve layout scopen op body.vbd-dashboard-page #vbd-renter-contact-modal
 * ------------------------------------------------------------ */
body.vbd-dashboard-page #vbd-renter-contact-modal{
	display: none;
}

body.vbd-dashboard-page #vbd-renter-contact-modal[aria-hidden="false"],
body.vbd-dashboard-page #vbd-renter-contact-modal[style*="display: flex"],
body.vbd-dashboard-page #vbd-renter-contact-modal[style*="display:flex"]{
	display: flex !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .dashboard-modal.vbd-contact-modal{
	width: min(1280px, calc(100vw - 48px)) !important;
	max-width: 1280px !important;
	border-radius: 28px !important;
	border: 1px solid rgba(203, 213, 225, 0.82) !important;
	background: #f7f9fc !important;
	box-shadow: 0 28px 72px rgba(15, 23, 42, 0.18) !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__header{
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 18px !important;
	margin: 30px 38px 0 !important;
	padding: 24px 26px !important;
	border: 1px solid rgba(226, 232, 240, 0.95) !important;
	border-radius: 20px !important;
	background: #ffffff !important;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__header-copy{
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	max-width: 920px !important;
	min-width: 0 !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__eyebrow{
	margin: 0 !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	color: #4b5563 !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal [data-renter-contact-modal-title]{
	margin: 0 !important;
	font-size: 40px !important;
	line-height: 1.04 !important;
	font-weight: 500 !important;
	letter-spacing: -0.03em !important;
	color: #111827 !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__intro{
	margin: 0 !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: #374151 !important;
	max-width: 880px !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__body{
	padding: 22px 38px 38px !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__form{
	display: flex !important;
	flex-direction: column !important;
	gap: 22px !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__section{
	padding: 24px 26px !important;
	border: 1px solid rgba(226, 232, 240, 0.95) !important;
	border-radius: 20px !important;
	background: #ffffff !important;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__section-head{
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	margin-bottom: 18px !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__section-title{
	margin: 0 !important;
	font-size: 19px !important;
	line-height: 1.2 !important;
	font-weight: 650 !important;
	color: #111827 !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__section-text{
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.55 !important;
	color: #4b5563 !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout{
	display: grid !important;
	width: 100% !important;
	align-items: start !important;
	column-gap: 16px !important;
	row-gap: 16px !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout--identity{
	grid-template-columns: minmax(0, 32fr) minmax(0, 12fr) minmax(0, 36fr) minmax(0, 30fr) !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout--contact{
	grid-template-columns: minmax(0, 25fr) minmax(0, 25fr) minmax(0, 50fr) !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout > .dashboard-field.vbd-contact-modal__field,
body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout > .dashboard-field.vbd-contact-modal__field--phone,
body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout > .vbd-contact-modal__spacer{
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 7px !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	grid-template-columns: none !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout > .vbd-contact-modal__spacer{
	min-height: 1px !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout > .dashboard-field.vbd-contact-modal__field > label,
body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout > .dashboard-field.vbd-contact-modal__field--phone > label{
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	color: #1f2937 !important;
	text-align: left !important;
	white-space: normal !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout > .dashboard-field.vbd-contact-modal__field > input[type="text"],
body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout > .dashboard-field.vbd-contact-modal__field > input[type="email"]{
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid #d1d9e6 !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	font-weight: 400 !important;
	color: #111827 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__phone-input{
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	min-width: 0 !important;
	--vbd-phone-country-width: 84px !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__controls{
	display: grid !important;
	grid-template-columns: var(--vbd-phone-country-width) minmax(0, 1fr) !important;
	width: 100% !important;
	min-width: 0 !important;
	align-items: stretch !important;
	gap: 0 !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__country,
body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__local{
	display: block !important;
	width: 100% !important;
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	margin: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border: 1px solid #d1d9e6 !important;
	background: #ffffff !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	font-family: inherit !important;
	font-weight: 400 !important;
	font-variant-numeric: tabular-nums !important;
	color: #111827 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__country{
	min-width: var(--vbd-phone-country-width) !important;
	max-width: var(--vbd-phone-country-width) !important;
	padding-left: 12px !important;
	padding-right: 26px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-right: 0 !important;
	text-align: left !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__local{
	padding-left: 14px !important;
	padding-right: 14px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__phone-input .dashboard-phone-field__help{
	margin: 4px 0 0 !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	color: #6b7280 !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .dashboard-form-section.vbd-contact-modal__footer{
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	padding: 22px 20px !important;
	border: 1px solid rgba(226, 232, 240, 0.95) !important;
	border-radius: 18px !important;
	background: #ffffff !important;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__footer-left,
body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__footer-right{
	display: inline-flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 14px !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__footer-right{
	margin-left: auto !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .dashboard-form-section.vbd-contact-modal__footer .dashboard-button{
	min-height: 44px !important;
	padding: 0 18px !important;
	border-radius: 14px !important;
	font-size: 14px !important;
	line-height: 1.1 !important;
}

@media (max-width: 980px){
	body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout--identity{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout--contact{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__spacer{
		display: none !important;
	}
}

@media (max-width: 720px){
	body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__header,
	body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__body{
		padding-left: 22px !important;
		padding-right: 22px !important;
	}

	body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__header{
		margin-left: 22px !important;
		margin-right: 22px !important;
	}

	body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout--identity,
	body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout--contact{
		grid-template-columns: 1fr !important;
	}

	body.vbd-dashboard-page #vbd-renter-contact-modal .dashboard-form-section.vbd-contact-modal__footer{
		flex-direction: column !important;
		align-items: stretch !important;
	}

	body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__footer-left,
	body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__footer-right{
		width: 100% !important;
	}

	body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__footer-right{
		margin-left: 0 !important;
		justify-content: flex-start !important;
	}
}

/* ------------------------------------------------------------
 * L1.0.11 – Signer modal shell alignment
 * Doel:
 * - dezelfde layout-methodiek als contactpersoon toepassen op ondertekenaars
 * - body-mounted modal rendering ondersteunen
 * - nette header-card, section-cards en footer-card
 * ------------------------------------------------------------ */
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal{
	width: min(1280px, calc(100vw - 48px)) !important;
	max-width: 1280px !important;
	border-radius: 28px !important;
	border: 1px solid rgba(203, 213, 225, 0.82) !important;
	background: #f7f9fc !important;
	box-shadow: 0 28px 72px rgba(15, 23, 42, 0.18) !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-header{
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 18px !important;
	margin: 30px 38px 0 !important;
	padding: 24px 26px !important;
	border: 1px solid rgba(226, 232, 240, 0.95) !important;
	border-radius: 20px !important;
	background: #ffffff !important;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-title{
	margin: 0 !important;
	font-size: 36px !important;
	line-height: 1.05 !important;
	font-weight: 500 !important;
	letter-spacing: -0.03em !important;
	color: #111827 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-header .dashboard-muted{
	margin-top: 8px !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: #4b5563 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-form{
	display: flex !important;
	flex-direction: column !important;
	gap: 22px !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-body{
	display: flex !important;
	flex-direction: column !important;
	gap: 22px !important;
	padding: 22px 38px 0 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-section{
	margin: 0 !important;
	padding: 24px 26px !important;
	border: 1px solid rgba(226, 232, 240, 0.95) !important;
	border-radius: 20px !important;
	background: #ffffff !important;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-section-title{
	margin: 0 0 14px !important;
	font-size: 19px !important;
	line-height: 1.2 !important;
	font-weight: 650 !important;
	color: #111827 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-name-row,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-contact-row,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-address,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-location,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-documents,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-org-grid-company,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-org-grid-address,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-org-grid-edit-meta{
	display: grid !important;
	width: 100% !important;
	align-items: start !important;
	gap: 16px !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-field{
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 7px !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-field > label{
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	color: #1f2937 !important;
	text-align: left !important;
	white-space: normal !important;
}

body.vbd-dashboard-page .dashboard-app .vbd-person-gender-field{
	min-width: 86px !important;
}

body.vbd-dashboard-page .dashboard-app .vbd-person-gender-choice{
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-height: 44px !important;
	padding: 0 2px !important;
}

body.vbd-dashboard-page .dashboard-app .vbd-person-gender-choice label{
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	margin: 0 !important;
	font-weight: 800 !important;
	color: #1f2937 !important;
	white-space: nowrap !important;
}

body.vbd-dashboard-page .dashboard-app .vbd-person-gender-choice input[type="radio"]{
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	flex: 0 0 auto !important;
}

body.vbd-dashboard-page [data-lastpass-icon-root],
body.vbd-dashboard-page [data-lastpass-root],
body.vbd-dashboard-page [data-lastpass-infield],
body.vbd-dashboard-page iframe[src*="lastpass"],
body.vbd-dashboard-page div[id^="__lpform_"]{
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-field input[type="text"],
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-field input[type="email"],
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-field input[type="number"],
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-field input[type="date"],
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-field input[type="url"],
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-field select,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-field textarea{
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	height: 44px !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid #d1d9e6 !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	font-weight: 400 !important;
	color: #111827 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-field textarea{
	height: auto !important;
	min-height: 104px !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-phone-field{
	display: flex !important;
	flex-direction: column !important;
	gap: 7px !important;
	width: 100% !important;
	min-width: 0 !important;
	--vbd-phone-country-width: 84px !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-phone-field__controls{
	display: grid !important;
	grid-template-columns: var(--vbd-phone-country-width) minmax(0, 1fr) !important;
	width: 100% !important;
	min-width: 0 !important;
	align-items: stretch !important;
	gap: 0 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-phone-field__controls select,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-phone-field__controls input[type="tel"]{
	display: block !important;
	width: 100% !important;
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	margin: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border: 1px solid #d1d9e6 !important;
	background: #ffffff !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	font-family: inherit !important;
	font-weight: 400 !important;
	font-variant-numeric: tabular-nums !important;
	color: #111827 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-phone-field__controls .dashboard-phone-field__country{
	padding-left: 12px !important;
	padding-right: 26px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-right: 0 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-phone-field__controls .dashboard-phone-field__local{
	padding-left: 14px !important;
	padding-right: 14px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-phone-field__help,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-help,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-muted{
	font-size: 12px !important;
	line-height: 1.5 !important;
	color: #6b7280 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-footer,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-actions-row--modal{
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 14px !important;
	margin: 0 38px 30px !important;
	padding: 22px 20px !important;
	border: 1px solid rgba(226, 232, 240, 0.95) !important;
	border-radius: 18px !important;
	background: #ffffff !important;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-footer > .dashboard-button:last-child,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-actions-row--modal > .dashboard-button:last-child{
	margin-left: auto !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-footer > .dashboard-actions-inline{
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	gap: 14px !important;
	flex-wrap: nowrap !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-footer > .dashboard-actions-inline > :last-child{
	margin-left: auto !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-footer .dashboard-button,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-actions-row--modal .dashboard-button{
	min-height: 44px !important;
	padding: 0 18px !important;
	border-radius: 14px !important;
	font-size: 14px !important;
	line-height: 1.1 !important;
}

@media (min-width: 981px){
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-name-row{
		grid-template-columns: minmax(90px, .8fr) repeat(4, minmax(0, 1fr)) !important;
	}
}

/* M1.2.84 - renter onboarding compact modal and confirmation */
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal{
	width: min(960px, calc(100vw - 48px)) !important;
	max-width: 960px !important;
	border-radius: 18px !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-header{
	margin: 22px 28px 0 !important;
	padding: 18px 20px !important;
	border-radius: 14px !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-title{
	font-size: 28px !important;
	line-height: 1.12 !important;
	letter-spacing: 0 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-body{
	gap: 16px !important;
	padding: 16px 28px 0 !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-section{
	padding: 18px 20px !important;
	border-radius: 14px !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-footer,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-actions-row--modal{
	margin: 0 28px 22px !important;
	padding: 16px 18px !important;
	border-radius: 14px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-card-grid{
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-card-grid > .dashboard-card{
	height: 100%;
}

body.vbd-dashboard-page .dashboard-app .dashboard-rp-summary-grid > div{
	overflow-wrap: anywhere;
}

@media (min-width: 981px){
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-name-row,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-contact-row,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-address,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-location,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-documents,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-org-grid-company,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-org-grid-address,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-org-grid-edit-meta{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-name-row{
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	}
}

body.vbd-dashboard-page .dashboard-rp-review-confirm-modal .dashboard-modal-dialog{
	width: min(520px, calc(100vw - 40px));
	max-width: 520px;
}

body.vbd-dashboard-page .dashboard-rp-review-confirm-modal .dashboard-modal-body{
	padding-top: 0;
}

body.vbd-dashboard-page .dashboard-rp-review-confirm-modal .dashboard-modal-footer{
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}

@media (max-width: 720px){
	body.vbd-dashboard-page .dashboard-app .dashboard-rp-card-grid{
		grid-template-columns: 1fr;
	}

	body.vbd-dashboard-page .dashboard-rp-review-confirm-modal .dashboard-modal-footer{
		flex-direction: column-reverse;
		align-items: stretch;
	}
}

@media (max-width: 980px){
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-name-row,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-contact-row,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-address,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-location,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-documents,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-org-grid-company,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-org-grid-address,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-org-grid-edit-meta{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 720px){
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-header,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-body{
		margin-left: 22px !important;
		margin-right: 22px !important;
		padding-left: 22px !important;
		padding-right: 22px !important;
	}

	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-name-row,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-contact-row,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-address,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-location,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-documents,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-org-grid-company,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-org-grid-address,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-org-grid-edit-meta{
		grid-template-columns: 1fr !important;
	}

	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-footer,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-actions-row--modal{
		margin-left: 22px !important;
		margin-right: 22px !important;
		flex-direction: column !important;
		align-items: stretch !important;
	}

	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-footer > .dashboard-actions-inline{
		flex-direction: column !important;
		align-items: stretch !important;
	}

	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-footer > .dashboard-button:last-child,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-actions-row--modal > .dashboard-button:last-child,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .dashboard-modal-footer > .dashboard-actions-inline > :last-child{
		margin-left: 0 !important;
	}
}

/* ==========================================================================
   Renter work canvas polish
   Compact, calmer composite controls inspired by denser SaaS detail screens.
   ========================================================================== */

body.vbd-dashboard-page .dashboard-app .dashboard-renter-edit-screen .dashboard-renter-form-grid{
	align-items: start !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-edit-screen .dashboard-field--phone-canvas .dashboard-phone-field{
	--vbd-phone-country-width: 98px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-edit-screen .dashboard-field--phone-canvas .dashboard-phone-field__controls{
	grid-template-columns: var(--vbd-phone-country-width) minmax(0, 1fr) !important;
	border: 1px solid rgba(148, 163, 184, 0.26) !important;
	border-radius: 12px !important;
	background: #ffffff !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 1px 2px rgba(15, 23, 42, 0.035) !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-edit-screen .dashboard-field--phone-canvas .dashboard-phone-field__controls select,
body.vbd-dashboard-page .dashboard-app .dashboard-renter-edit-screen .dashboard-field--phone-canvas .dashboard-phone-field__controls input[type="tel"]{
	height: 36px !important;
	min-height: 36px !important;
	font-size: 13px !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-edit-screen .dashboard-field--phone-canvas .dashboard-phone-field__country{
	min-width: 98px !important;
	max-width: 126px !important;
	border-right: 1px solid rgba(148, 163, 184, 0.22) !important;
	background: linear-gradient(180deg, #f7f9fc 0%, #f1f5f9 100%) !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	font-size: 14px !important;
	text-indent: 0 !important;
	background-position: right 8px center !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-edit-screen .dashboard-field--phone-canvas .dashboard-phone-field__local{
	background: #ffffff !important;
	font-variant-numeric: tabular-nums !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-edit-screen .dashboard-renter-side-column{
	align-self: start !important;
}

body.vbd-dashboard-page .dashboard-app .dashboard-renter-edit-screen .dashboard-renter-utility-card{
	background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-address-modal .dashboard-modal-body{
	padding-top: 18px !important;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-address-modal .dashboard-modal-section + .dashboard-modal-section{
	margin-top: 18px !important;
	padding-top: 18px !important;
	border-top: 1px solid rgba(203, 213, 225, 0.62) !important;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-address-modal .dashboard-modal-section-title{
	font-size: 15px !important;
	font-weight: 700 !important;
	margin-bottom: 10px !important;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-address-modal .vbd-org-grid-address{
	gap: 14px 14px !important;
}

body.vbd-dashboard-page .dashboard-app .vbd-renter-address-modal .vbd-renter-address-modal__postal-toggle{
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-weight: 600 !important;
}

/* L1.0.10 - Contactpersoon en ondertekenaar naamrijen exact op gevraagde gridverdeling. */
@media (min-width: 981px){
	body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-contact-modal__layout--identity,
	body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-contact-modal__layout--identity{
		grid-template-columns: minmax(80px, 10fr) minmax(0, 25fr) minmax(0, 15fr) minmax(0, 30fr) minmax(0, 20fr) !important;
	}

	body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-grid-name-row,
	body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-grid-name-row{
		grid-template-columns: minmax(64px, 5fr) minmax(0, 30fr) minmax(0, 15fr) minmax(0, 35fr) minmax(150px, 15fr) !important;
	}
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-person-gender-field,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-person-gender-field,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-gender-field,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-gender-field{
	min-width: 0 !important;
}

body.vbd-dashboard-page #vbd-renter-contact-modal .vbd-person-gender-choice,
body.vbd-dashboard-page .dashboard-app #vbd-renter-contact-modal .vbd-person-gender-choice,
body.vbd-dashboard-page .dashboard-modal.vbd-person-modal .vbd-person-gender-choice,
body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal .vbd-person-gender-choice{
	gap: 6px !important;
	min-height: 40px !important;
	white-space: nowrap !important;
}

/* M1.3.3 - final renter portal modal viewport scroll override. */
body.vbd-dashboard-page .dashboard-modal[id]{
	align-items: flex-start !important;
	overflow: hidden !important;
	padding-top: 24px !important;
	padding-bottom: 24px !important;
}

body.vbd-dashboard-page .dashboard-modal[id] > .dashboard-modal-dialog{
	display: flex !important;
	flex-direction: column !important;
	max-height: calc(100vh - 48px) !important;
	max-height: calc(100dvh - 48px) !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
}

body.vbd-dashboard-page .dashboard-modal[id] > .dashboard-modal-dialog > .dashboard-modal-header,
body.vbd-dashboard-page .dashboard-modal[id] > .dashboard-modal-dialog > .dashboard-modal-footer,
body.vbd-dashboard-page .dashboard-modal[id] > .dashboard-modal-dialog > .dashboard-actions-row--modal{
	flex: 0 0 auto !important;
}

body.vbd-dashboard-page .dashboard-modal[id] > .dashboard-modal-dialog > .dashboard-modal-body{
	flex: 1 1 auto !important;
	min-height: 0 !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
}

body.vbd-dashboard-page .dashboard-modal.vbd-signer-modal:not(:has(.dashboard-modal-dialog)){
	max-height: calc(100vh - 48px) !important;
	max-height: calc(100dvh - 48px) !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
}

/* M1.3.4 - compact authority modal layout. */
body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] > .dashboard-modal-dialog{
	width: min(920px, calc(100vw - 48px)) !important;
	max-width: 920px !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] > .dashboard-modal-dialog > .dashboard-modal-header{
	padding: 18px 22px 14px !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] > .dashboard-modal-dialog > .dashboard-modal-body{
	padding: 16px 22px 22px !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-rp-authority-person-card,
body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-card{
	margin-top: 0 !important;
	padding: 0 !important;
	border-radius: 14px !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-card__header{
	padding: 18px 18px 12px !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-card__body{
	padding: 14px 18px 18px !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] form.dashboard-form,
body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-rp-authority-person-form{
	display: grid !important;
	gap: 14px !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-grid-2,
body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-grid-3,
body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-grid-4{
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 14px 16px !important;
	align-items: start !important;
	width: 100% !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-grid-2{
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-field,
body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-phone-field{
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 6px !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-field > label,
body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-phone-field > label{
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	text-align: left !important;
	white-space: normal !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] input[type="text"],
body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] input[type="email"],
body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] input[type="tel"],
body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] input[type="number"],
body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] input[type="date"],
body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] input[type="url"],
body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] select,
body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] textarea{
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-rp-salutation-choice{
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-height: 42px !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-rp-authority-address-help{
	margin: 2px 0 !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-rp-authority-org-form .dashboard-grid-4{
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-actions-row--right{
	justify-content: flex-end !important;
	margin-top: 4px !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-phone-field{
	--vbd-phone-country-width: 76px !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-phone-field__controls{
	display: grid !important;
	grid-template-columns: var(--vbd-phone-country-width) minmax(0, 1fr) !important;
	align-items: stretch !important;
	width: 100% !important;
	min-width: 0 !important;
	gap: 0 !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-phone-field__controls .dashboard-phone-field__country{
	width: var(--vbd-phone-country-width) !important;
	min-width: var(--vbd-phone-country-width) !important;
	max-width: var(--vbd-phone-country-width) !important;
	padding-left: 10px !important;
	padding-right: 22px !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-phone-field__controls .dashboard-phone-field__local{
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
}

@media (max-width: 900px){
	body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-grid-2,
	body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-grid-3,
	body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-grid-4{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 640px){
	body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] > .dashboard-modal-dialog{
		width: min(100%, calc(100vw - 24px)) !important;
	}

	body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-grid-2,
	body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-grid-3,
	body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-grid-4{
		grid-template-columns: 1fr !important;
	}
}

/* M1.3.7 - authority phone input is always one inline control row. */
body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-rp-authority-phone-field{
	--vbd-phone-country-width: 76px !important;
	width: 100% !important;
	max-width: none !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-rp-authority-phone-field > .dashboard-phone-field__controls{
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	width: 100% !important;
	min-width: 0 !important;
	gap: 0 !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-rp-authority-phone-field > .dashboard-phone-field__controls > select.dashboard-phone-field__country{
	flex: 0 0 var(--vbd-phone-country-width) !important;
	width: var(--vbd-phone-country-width) !important;
	min-width: var(--vbd-phone-country-width) !important;
	max-width: var(--vbd-phone-country-width) !important;
	padding-left: 10px !important;
	padding-right: 22px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

body.vbd-dashboard-page .dashboard-modal[id^="rp-authority-choice-modal-"] .dashboard-rp-authority-phone-field > .dashboard-phone-field__controls > input.dashboard-phone-field__local{
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}