/**
 * Afstand og gruppering: virksomhedsfelter + ui_rules i status-editoren (admin + shortcode).
 */

/* Gælder for + Placering + Visning af virksomheds-felter på én linje (wrappet på små skærme) */
.inline-status-top-controls-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 12px 16px;
	box-sizing: border-box;
}

/* Status-dropdown + navn + opfølgning + order: samme linje, samme højde (undgår skæv WP widefat-select) */
.inline-status-pick-row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 12px 16px;
	box-sizing: border-box;
}

.inline-status-top-controls-row > .inline-status-field-cell,
.inline-status-pick-row > .inline-status-field-cell {
	flex: 1 1 0;
	min-width: 160px;
	max-width: 100%;
	box-sizing: border-box;
}

.inline-status-pick-row > .inline-status-field-cell {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 100px;
	min-height: 0;
}

.inline-status-pick-row > .inline-status-field-cell:first-child {
	flex: 1 1 0;
	min-width: 70px;
}

.inline-status-pick-row > .inline-status-field-cell:nth-child(2) {
	flex: 2 1 0;
	min-width: 140px;
}

.inline-status-pick-row select.widefat,
.inline-status-pick-row input.widefat {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	min-height: 38px;
	height: 38px;
	line-height: 1.2;
	margin: 0;
	vertical-align: middle;
}

.inline-status-pick-row select.widefat {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}

.inline-status-top-controls-row > .inline-status-field-cell .cm-label,
.inline-status-pick-row > .inline-status-field-cell .cm-label {
	display: block;
	margin-bottom: 4px;
}

.inline-status-top-controls-row .widefat,
.inline-status-top-controls-row .input-field,
.inline-status-pick-row .widefat,
.inline-status-pick-row .input-field {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/* Checkboxes: linie 1 = fire flags på én række; linie 2–3 = én checkbox pr. række */
.inline-status-form .inline-status-checkbox-row--flags,
.import-status-form .inline-status-checkbox-row--flags {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.35rem 1.25rem;
	box-sizing: border-box;
}

.inline-status-form .inline-status-checkbox-row--flags .inline-status-checkbox-inline,
.import-status-form .inline-status-checkbox-row--flags .inline-status-checkbox-inline {
	display: inline-flex;
	align-items: flex-start;
	gap: 0.45rem;
	margin: 0;
	flex: 0 1 auto;
	max-width: 100%;
	box-sizing: border-box;
	line-height: 1.35;
}

.inline-status-form .inline-status-checkbox-row--flags .inline-status-checkbox-inline.u-hidden-toggle,
.import-status-form .inline-status-checkbox-row--flags .inline-status-checkbox-inline.u-hidden-toggle {
	display: none;
}

.inline-status-form .inline-status-checkbox-row--flags .inline-status-checkbox-inline input[type="checkbox"],
.import-status-form .inline-status-checkbox-row--flags .inline-status-checkbox-inline input[type="checkbox"] {
	margin: 0.22em 0 0 0;
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
}

.inline-status-form .inline-status-checkbox-row:not(.inline-status-checkbox-row--flags),
.import-status-form .inline-status-checkbox-row:not(.inline-status-checkbox-row--flags) {
	box-sizing: border-box;
}

.inline-status-form .inline-status-checkbox-row:not(.inline-status-checkbox-row--flags) label,
.import-status-form .inline-status-checkbox-row:not(.inline-status-checkbox-row--flags) label {
	display: inline-flex;
	align-items: flex-start;
	gap: 0.5rem;
	line-height: 1.45;
	margin: 0;
}

.inline-status-form .inline-status-checkbox-row:not(.inline-status-checkbox-row--flags) label input[type="checkbox"],
.import-status-form .inline-status-checkbox-row:not(.inline-status-checkbox-row--flags) label input[type="checkbox"] {
	margin: 0.28em 0 0 0;
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
}

.inline-status-company-fields-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.inline-status-company-fields-list .company-field-row {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	margin-bottom: 0.625rem;
	padding: 7px 7px 8px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.65);
	box-sizing: border-box;
}

.inline-status-company-fields-list .company-field-row.company-field-row--collapsed {
	padding-bottom: 6px;
}

.inline-status-company-fields-list .company-field-row-header {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 4px 5px;
	width: 100%;
	box-sizing: border-box;
}

.inline-status-company-fields-list .company-field-row-header .company-field-collapse-toggle {
	flex-shrink: 0;
	min-width: 2rem;
}

.inline-status-company-fields-list .company-field-row-header .company-field-label {
	flex: 1 1 auto;
	min-width: 0;
}

.inline-status-company-fields-list .company-field-row-body {
	display: none;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 5px 6px;
	width: 100%;
	margin-top: 5px;
	padding-top: 6px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
}

/* Fuld bredde: rich text (wp_editor) til felt-hjælp */
.inline-status-company-fields-list .company-field-tooltip-wrap {
	flex: 1 1 100%;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.inline-status-company-fields-list .company-field-tooltip-wrap .wp-editor-wrap {
	width: 100%;
	box-sizing: border-box;
	overflow: visible;
}

.inline-status-company-fields-list .company-field-tooltip-wrap .mce-toolbar-grp {
	overflow: visible;
}

.inline-status-company-fields-list .company-field-tooltip-wrap textarea.company-field-tooltip {
	width: 100%;
	min-height: 120px;
	box-sizing: border-box;
}

.inline-status-company-fields-list .company-field-row:not(.company-field-row--collapsed) .company-field-row-body {
	display: flex;
}

.inline-status-company-fields-list .company-field-row:last-child {
	margin-bottom: 0;
}

.inline-status-company-fields-list .company-field-row .company-field-move-wrap {
	flex: 1 1 100%;
	width: 100%;
	margin-top: 5px;
	padding-top: 6px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.inline-status-company-fields-list .company-field-row .company-field-ui-rules {
	flex: 1 1 100%;
	width: 100%;
	max-width: 100%;
	margin-top: 7px;
	padding-top: 7px;
	border-top: 1px solid rgba(0, 0, 0, 0.14);
	box-sizing: border-box;
}

.inline-status-company-fields-list .company-field-row .company-field-ui-rules .company-field-ui-rules-details > p {
	margin-bottom: 6px !important;
}

.inline-status-company-fields-list .company-field-row .company-field-ui-block {
	margin-top: 0;
	padding-top: 0;
}

.inline-status-company-fields-list .company-field-row .company-field-ui-block + .company-field-ui-block {
	margin-top: 8px;
	padding-top: 7px;
	border-top: 1px dashed rgba(0, 0, 0, 0.12);
}

.inline-status-company-fields-list .company-field-row .company-field-ui-block .cm-label {
	margin-bottom: 6px;
	display: block;
}

.inline-status-company-fields-list .company-field-row .company-ui-cond-list {
	margin-top: 8px;
	margin-bottom: 6px;
}

.inline-status-company-fields-list .company-field-row .company-ui-cond-row {
	margin-bottom: 10px;
}

.inline-status-company-fields-list .company-field-row .company-ui-block-message {
	margin-top: 8px;
}

.inline-status-company-fields-list .company-field-row .company-ui-cond-add {
	margin-top: 4px;
}

.inline-status-company-fields-list .company-field-row .company-field-ui-rules-details > summary {
	margin-bottom: 8px;
	outline: none;
}

.inline-status-company-fields-list .company-field-row .company-field-ui-rules-details > summary::-webkit-details-marker {
	display: none;
}

.inline-status-company-fields-list .company-field-row .company-field-tooltip {
	flex: 1 1 100%;
	width: 100%;
	max-width: 100%;
	min-height: 3.25rem;
	resize: vertical;
	box-sizing: border-box;
}

/* Bruger-UI: hjælp-knap (?) + modal for virksomhedsfelter */
.company-status-field-wrap--with-help {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.45rem 0.6rem;
	max-width: 100%;
}

.company-status-checkbox-label {
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.35;
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.25rem 0.35rem;
}

/* I række med (?)-knap: lad ikke label vokse — ellers ender ikonet langt til højre for krydsfeltet */
.company-status-field-wrap--with-help .company-status-checkbox-label {
	flex: 0 1 auto;
}

.company-status-field-label-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem 0.6rem;
	margin-bottom: 6px;
	max-width: 100%;
}

.company-status-radio-title-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem 0.6rem;
	width: 100%;
	margin-bottom: 6px;
}

.company-status-radio-heading {
	font-weight: inherit;
	line-height: 1.35;
}

.company-status-field-help-btn {
	flex-shrink: 0;
	align-self: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.35rem;
	height: 1.35rem;
	margin: 0;
	padding: 0;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.38);
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1;
	color: #1d2327;
	background: #f0f0f1;
	cursor: pointer;
	box-sizing: border-box;
	font-family: inherit;
	vertical-align: middle;
}

#company-status-field-help-modal .modal-content.company-status-field-help-dialog {
	width: 60%;
	max-width: 60%;
	min-width: 260px;
	margin: 1.5rem auto;
	box-sizing: border-box;
}

@media (max-width: 600px) {
	#company-status-field-help-modal .modal-content.company-status-field-help-dialog {
		width: 92%;
		max-width: 92%;
	}
}

.company-status-field-help-modal-body {
	font-size: 0.875rem;
	line-height: 1.5;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.company-status-field-help-modal-body > :first-child {
	margin-top: 0;
}

.company-status-field-help-modal-body > :last-child {
	margin-bottom: 0;
}

/* «Kandidat data»-modal: udlæsning af al kandidatdata grupperet efter kilde. */
.vl-candidate-data-body {
	max-height: 70vh;
	overflow-y: auto;
}

.vl-candidate-data-section {
	margin-bottom: 1.5rem;
}

.vl-candidate-data-section-title {
	margin: 0 0 0.25rem;
	font-size: 1rem;
	font-weight: 600;
}

.vl-candidate-data-source {
	margin-bottom: 0.5rem;
	font-size: 0.75rem;
	color: #6b7280;
}

.vl-candidate-data-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.875rem;
}

.vl-candidate-data-table th,
.vl-candidate-data-table td {
	padding: 0.375rem 0.5rem;
	border: 1px solid #e5e7eb;
	text-align: left;
	vertical-align: top;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.vl-candidate-data-table th {
	width: 38%;
	background: #f9fafb;
	font-weight: 600;
}

.vl-candidate-data-empty {
	margin: 0;
	font-size: 0.875rem;
	color: #6b7280;
}

.vl-candidate-project-panel {
	margin-bottom: 1.5rem;
	padding: 0.875rem;
	border: 1px solid #dbeafe;
	border-radius: 0.5rem;
	background: #eff6ff;
}

.vl-candidate-project-panel-head,
.vl-candidate-project-list li,
.vl-candidate-project-form-actions {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	justify-content: space-between;
}

.vl-candidate-project-panel-head h4 {
	margin: 0;
}

.vl-candidate-project-note {
	margin: 0.5rem 0;
	font-size: 0.8125rem;
	color: #374151;
}

.vl-candidate-project-list {
	margin: 0.75rem 0;
	padding: 0;
	list-style: none;
}

.vl-candidate-project-list li {
	margin-bottom: 0.375rem;
	padding: 0.5rem;
	border: 1px solid #bfdbfe;
	border-radius: 0.375rem;
	background: #fff;
}

.vl-candidate-project-form {
	margin-top: 1rem;
	padding: 0.875rem;
	border: 1px solid #bfdbfe;
	border-radius: 0.5rem;
	background: #fff;
}

.vl-candidate-project-form h4,
.vl-candidate-project-category {
	margin: 0 0 0.75rem;
}

.vl-candidate-project-category {
	padding-top: 0.5rem;
	border-top: 1px solid #e5e7eb;
	font-size: 0.875rem;
}

.vl-candidate-project-field-row {
	display: grid;
	grid-template-columns: minmax(180px, 35%) 1fr;
	gap: 0.75rem;
	align-items: center;
	margin-bottom: 0.625rem;
	font-size: 0.875rem;
}

.vl-candidate-project-field-row input,
.vl-candidate-project-field-row select {
	width: 100%;
	max-width: 100%;
}

.vl-candidate-project-form-actions {
	justify-content: flex-end;
	margin-top: 0.875rem;
}

@media (max-width: 700px) {
	.vl-candidate-project-panel-head,
	.vl-candidate-project-list li,
	.vl-candidate-project-form-actions,
	.vl-candidate-project-field-row {
		display: block;
	}

	.vl-candidate-project-panel-head .button,
	.vl-candidate-project-list .button,
	.vl-candidate-project-form-actions .button {
		margin-top: 0.5rem;
	}
}