/* Dyrlæge Hotline Platform — app shell. Tokens from Claude Design. Ingen framework. */

/* -------------------------------------------------------------------------- */
/* Tokens — scoped to plugin shells only                                      */
/* -------------------------------------------------------------------------- */

body.dlh-app {
	--dlh-primary: #2b63fe;
	--dlh-primary-hover: #1f52d8;
	--dlh-primary-pressed: #1947be;
	--dlh-primary-wash: #eef3ff;
	--dlh-primary-wash-soft: rgba(43, 99, 254, 0.05);
	--dlh-primary-ring: rgba(43, 99, 254, 0.12);

	--dlh-bg: #f8f6f3;
	--dlh-surface: #ffffff;
	--dlh-taupe: #e5ddd2;
	--dlh-taupe-accent: #c3a98b;
	--dlh-soft: #faf8f5;
	--dlh-soft-2: #f1eee9;
	--dlh-soft-3: #efebe4;
	--dlh-soft-4: #f0ece6;

	--dlh-text: #36322f;
	--dlh-text-2: #45403b;
	--dlh-muted: #6d655f;
	--dlh-placeholder: #928a83;

	--dlh-border: #eae4dd;
	--dlh-border-input: #d9d0c5;
	--dlh-border-strong: #c8beb2;

	--dlh-success: #2f7d5b;
	--dlh-success-text: #256849;
	--dlh-success-bg: #edf7f1;
	--dlh-warning: #a66a18;
	--dlh-warning-text: #8a5713;
	--dlh-warning-bg: #fff7e8;
	--dlh-warning-border: rgba(166, 106, 24, 0.45);
	--dlh-warning-wash: rgba(166, 106, 24, 0.13);
	--dlh-danger: #b8403b;
	--dlh-danger-text: #9a3833;
	--dlh-danger-bg: rgba(184, 64, 59, 0.1);
	--dlh-danger-border: rgba(184, 64, 59, 0.3);
	--dlh-info: #33505f;
	--dlh-info-2: #486a82;
	--dlh-info-bg: rgba(72, 106, 130, 0.12);

	--dlh-accent: var(--dlh-primary);
	--dlh-accent-hover: var(--dlh-primary-hover);
	--dlh-danger-bg-legacy: var(--dlh-danger-bg);
	--dlh-danger-text-legacy: var(--dlh-danger-text);

	--dlh-radius: 10px;
	--dlh-radius-control: 10px;
	--dlh-radius-card: 14px;
	--dlh-radius-panel: 12px;
	--dlh-radius-auth: 16px;
	--dlh-radius-nav: 9px;
	--dlh-radius-pill: 999px;
	--dlh-shadow: 0 1px 2px rgba(31, 24, 18, 0.05);
	--dlh-shadow-auth: 0 4px 14px rgba(31, 24, 18, 0.06);
	--dlh-shadow-overlay: 0 14px 40px rgba(31, 24, 18, 0.3);

	--dlh-font: "Open Sans", Arial, sans-serif;
	--dlh-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
	--dlh-fs: 15px;
	--dlh-lh: 1.55;
	--dlh-title: 32px;
	--dlh-control-h: 44px;
	--dlh-control-h-sm: 40px;
	--dlh-btn-h: 42px;
	--dlh-btn-h-form: 44px;
	--dlh-btn-h-auth: 46px;

	--dlh-space: 20px;
	--dlh-gap: 16px;
	--dlh-field-gap: 14px;
	--dlh-label-gap: 6px;

	--dlh-sidebar: 252px;
	--dlh-drawer: 290px;
	--dlh-topbar: 60px;
	--dlh-auth-panel: 42%;
	--dlh-auth-max: 450px;
	--dlh-max: 1100px;
	--dlh-max-form: 760px;
	--dlh-max-staff: 1250px;
	--dlh-max-cases: 1350px;
	--dlh-email: 600px;
	--dlh-break: 900px;

	--dlh-z-skip: 220;
	--dlh-z-topbar: 20;
	--dlh-z-backdrop: 80;
	--dlh-z-drawer: 90;
	--dlh-z-dialog: 160;
	--dlh-z-toast: 200;
}

/* -------------------------------------------------------------------------- */
/* Scoped reset                                                               */
/* -------------------------------------------------------------------------- */

html:has(body.dlh-app) {
	background: #f8f6f3;
	margin-top: 0 !important;
	font-size: 15px;
}

html:has(body.dlh-app) #wpadminbar {
	display: none !important;
}

.dlh-app,
.dlh-app *,
.dlh-app *::before,
.dlh-app *::after {
	box-sizing: border-box;
}

.dlh-app [hidden] {
	display: none !important;
}

body.dlh-app {
	margin: 0;
	min-height: 100vh;
	overflow-x: clip;
	background: var(--dlh-bg);
	color: var(--dlh-text);
	font-family: var(--dlh-font);
	font-size: var(--dlh-fs);
	font-weight: 400;
	line-height: var(--dlh-lh);
	-webkit-font-smoothing: antialiased;
}

.dlh-app h1,
.dlh-app h2,
.dlh-app h3,
.dlh-app h4,
.dlh-app p {
	margin: 0;
}

.dlh-app h1,
.dlh-app h2,
.dlh-app h3,
.dlh-app h4 {
	color: var(--dlh-text);
	line-height: 1.25;
}

.dlh-app p + p {
	margin-top: 0.75rem;
}

.dlh-app img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: middle;
}

.dlh-app table {
	border-collapse: collapse;
	border-spacing: 0;
}

.dlh-app a {
	color: var(--dlh-primary);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

.dlh-app a:hover {
	color: var(--dlh-primary-hover);
	text-decoration-thickness: 2px;
}

.dlh-app a.dlh-nav__link,
.dlh-app a.dlh-brand,
.dlh-app a.dlh-button,
.dlh-app a.dlh-stat,
.dlh-app a.dlh-back,
.dlh-app a.dlh-pet-chip,
.dlh-app a.dlh-mail-card,
.dlh-app a.dlh-sidebar__wp-link,
.dlh-app a.dlh-table__name,
.dlh-app a.dlh-table__id,
.dlh-app .dlh-pagination a,
.dlh-app .dlh-breadcrumb a {
	text-decoration: none;
}

.dlh-app input,
.dlh-app select,
.dlh-app textarea,
.dlh-app button {
	font-family: inherit;
}

.dlh-app input::placeholder,
.dlh-app textarea::placeholder {
	color: var(--dlh-placeholder);
}

.dlh-app button {
	appearance: none;
	margin: 0;
}

.dlh-skip {
	position: absolute;
	left: -999px;
	top: 0;
	z-index: var(--dlh-z-skip);
	padding: 0.5rem 0.75rem;
	background: var(--dlh-surface);
	color: var(--dlh-text);
	border: 1px solid var(--dlh-border-input);
	border-radius: var(--dlh-radius-control);
}

.dlh-skip:focus,
.dlh-skip:focus-visible {
	position: fixed;
	left: 12px;
	top: 12px;
	outline: none;
	border-color: var(--dlh-primary);
	box-shadow: 0 0 0 3px var(--dlh-primary-ring);
}

.dlh-app a:focus-visible,
.dlh-app button:focus-visible,
.dlh-app input:focus-visible,
.dlh-app select:focus-visible,
.dlh-app textarea:focus-visible,
.dlh-app summary:focus-visible,
.dlh-app [tabindex="0"]:focus-visible {
	outline: none;
	border-color: var(--dlh-primary);
	box-shadow: 0 0 0 3px var(--dlh-primary-ring);
}

.dlh-table--click tbody tr:focus-visible {
	outline: none;
	background: var(--dlh-primary-wash);
	box-shadow: inset 0 0 0 2px var(--dlh-primary);
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

@keyframes dlh-spin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes dlh-pulse {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0.45;
	}
}

@keyframes dlh-toast {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes dlh-fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes dlh-up {
	from {
		opacity: 0;
		transform: translateY(12px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	html:has(body.dlh-app) {
		scroll-behavior: auto;
	}

	.dlh-app *,
	.dlh-app *::before,
	.dlh-app *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}

	.dlh-sidebar {
		transition: none;
	}
}

/* -------------------------------------------------------------------------- */
/* Type                                                                       */
/* -------------------------------------------------------------------------- */

.dlh-title {
	margin: 0;
	font-size: var(--dlh-title);
	line-height: 1.2;
	font-weight: 700;
	color: var(--dlh-text);
}

.dlh-app-auth .dlh-title {
	font-size: 30px;
}

.dlh-lead {
	margin: 8px 0 26px;
	color: var(--dlh-muted);
	font-size: 15px;
	line-height: var(--dlh-lh);
}

.dlh-app-auth .dlh-lead {
	margin: 8px 0 24px;
}

.dlh-link {
	color: var(--dlh-primary);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.dlh-link:hover {
	color: var(--dlh-primary-hover);
}

.dlh-eyebrow {
	display: block;
	margin: 0 0 6px;
	color: var(--dlh-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* -------------------------------------------------------------------------- */
/* Brand mark                                                                 */
/* -------------------------------------------------------------------------- */

.dlh-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	border-radius: 10px;
	background: var(--dlh-primary);
	color: #fff;
}

.dlh-mark svg {
	display: block;
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
}

.dlh-app a.dlh-brand,
.dlh-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: inherit;
	font-weight: 700;
	font-size: 17px;
	text-decoration: none;
}

.dlh-app a.dlh-brand:hover,
.dlh-brand:hover {
	color: inherit;
	text-decoration: none;
}

.dlh-brand__name {
	line-height: 1.1;
}

.dlh-brand__logo {
	display: block;
	max-width: 144px;
	max-height: 36px;
	width: auto;
	height: auto;
}

.dlh-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--dlh-primary);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

/* -------------------------------------------------------------------------- */
/* Buttons                                                                    */
/* -------------------------------------------------------------------------- */

.dlh-app .dlh-button,
.dlh-app a.dlh-button {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: var(--dlh-btn-h);
	padding: 0 16px;
	border: 1px solid transparent;
	border-radius: var(--dlh-radius-control);
	background: var(--dlh-primary);
	color: #fff;
	font: inherit;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
}

.dlh-app .dlh-button:hover,
.dlh-app a.dlh-button:hover {
	background: var(--dlh-primary-hover);
	color: #fff;
	text-decoration: none;
}

.dlh-app .dlh-button:active {
	background: var(--dlh-primary-pressed);
	transform: scale(0.99);
}

.dlh-app-auth .dlh-form .dlh-button,
.dlh-app-auth .dlh-auth-state .dlh-button {
	width: 100%;
	min-height: var(--dlh-btn-h-auth);
	height: var(--dlh-btn-h-auth);
	font-size: 15px;
	border-radius: 10px;
}

.dlh-app-auth .dlh-auth__alt .dlh-button,
.dlh-app-auth .dlh-auth-state .dlh-button--secondary {
	width: 100%;
	height: 44px;
	min-height: 44px;
	font-size: 15px;
	border-radius: 10px;
}

.dlh-button__spin {
	display: none;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
	border-radius: 50%;
	animation: dlh-spin 0.7s linear infinite;
}

.dlh-button.is-loading {
	pointer-events: none;
}

.dlh-button.is-loading .dlh-button__spin {
	display: inline-block;
}

.dlh-app .dlh-button--secondary.is-loading .dlh-button__spin,
.dlh-app .dlh-button--tertiary.is-loading .dlh-button__spin {
	border-color: rgba(54, 50, 47, 0.2);
	border-top-color: var(--dlh-text);
}

.dlh-app .dlh-button--secondary,
.dlh-app a.dlh-button--secondary {
	background: var(--dlh-surface);
	color: var(--dlh-text);
	border-color: var(--dlh-border-strong);
}

.dlh-app .dlh-button--secondary:hover,
.dlh-app a.dlh-button--secondary:hover {
	background: var(--dlh-bg);
	color: var(--dlh-text);
}

.dlh-app .dlh-button--tertiary,
.dlh-app a.dlh-button--tertiary {
	background: transparent;
	color: var(--dlh-primary);
	border-color: transparent;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.dlh-app .dlh-button--tertiary:hover,
.dlh-app a.dlh-button--tertiary:hover {
	background: var(--dlh-primary-wash-soft);
	color: var(--dlh-primary-hover);
}

.dlh-app .dlh-button--danger,
.dlh-app a.dlh-button--danger {
	background: var(--dlh-danger-bg);
	color: var(--dlh-danger);
	border-color: var(--dlh-danger-border);
}

.dlh-app .dlh-button--danger:hover,
.dlh-app a.dlh-button--danger:hover {
	background: rgba(184, 64, 59, 0.16);
	color: var(--dlh-danger-text);
}

.dlh-app .dlh-button--icon,
.dlh-app a.dlh-button--icon {
	width: 44px;
	min-height: 44px;
	padding: 0;
	background: transparent;
	color: var(--dlh-text);
	border-color: transparent;
}

.dlh-app .dlh-button--icon:hover,
.dlh-app a.dlh-button--icon:hover {
	background: var(--dlh-border);
	color: var(--dlh-text);
}

.dlh-app .dlh-button:disabled,
.dlh-app .dlh-button.is-disabled {
	background: var(--dlh-soft-2);
	color: var(--dlh-placeholder);
	border-color: transparent;
	cursor: not-allowed;
	transform: none;
}

.dlh-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* -------------------------------------------------------------------------- */
/* Fields                                                                     */
/* -------------------------------------------------------------------------- */

.dlh-form {
	display: grid;
	gap: var(--dlh-field-gap);
}

.dlh-field {
	display: grid;
	gap: var(--dlh-label-gap);
}

.dlh-field label,
fieldset.dlh-field legend {
	padding: 0;
	color: var(--dlh-text);
	font-size: 14px;
	font-weight: 600;
}

fieldset.dlh-field {
	border: 0;
	margin: 0;
	padding: 0;
}

.dlh-app input[type="text"],
.dlh-app input[type="email"],
.dlh-app input[type="password"],
.dlh-app input[type="search"],
.dlh-app input[type="tel"],
.dlh-app input[type="url"],
.dlh-app input[type="number"],
.dlh-app input[type="date"],
.dlh-app input[type="time"],
.dlh-app select,
.dlh-app textarea {
	width: 100%;
	max-width: 100%;
	min-height: var(--dlh-control-h);
	padding: 0 12px;
	border: 1px solid var(--dlh-border-input);
	border-radius: var(--dlh-radius-control);
	background: var(--dlh-surface);
	color: var(--dlh-text);
	font: inherit;
	font-size: 15px;
}

.dlh-app select {
	appearance: auto;
}

.dlh-app textarea,
.dlh-app textarea.dlh-textarea {
	max-width: none;
	min-height: 96px;
	padding: 10px 12px;
	resize: vertical;
}

.dlh-field.is-error input,
.dlh-field.is-error select,
.dlh-field.is-error textarea,
.dlh-app input.is-error,
.dlh-app select.is-error,
.dlh-app textarea.is-error {
	border-color: var(--dlh-danger);
}

.dlh-field__error {
	margin: 5px 0 0;
	color: var(--dlh-danger);
	font-size: 13px;
}

.dlh-hint,
.dlh-form__links {
	margin: 5px 0 0;
	color: var(--dlh-muted);
	font-size: 13px;
}

.dlh-req {
	color: var(--dlh-danger);
	font-weight: 600;
}

.dlh-password {
	position: relative;
}

.dlh-password input {
	padding-right: 44px;
	max-width: none;
}

.dlh-password__toggle {
	position: absolute;
	right: 6px;
	top: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: var(--dlh-muted);
	cursor: pointer;
}

.dlh-password__toggle:hover {
	background: var(--dlh-border);
	color: var(--dlh-text);
}

.dlh-form__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 8px;
}

.dlh-form__row .dlh-check {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--dlh-muted);
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
}

.dlh-form__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 14px;
}

.dlh-form__grid > * {
	min-width: 0;
}

.dlh-form__grid--zip {
	grid-template-columns: 130px minmax(0, 1fr);
}

.dlh-app-auth input[type="text"],
.dlh-app-auth input[type="email"],
.dlh-app-auth input[type="password"],
.dlh-app-auth input[type="tel"] {
	max-width: none;
	height: var(--dlh-control-h);
	min-height: var(--dlh-control-h);
}

.dlh-field--check,
.dlh-field--check label {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 500;
}

.dlh-app input[type="checkbox"],
.dlh-app input[type="radio"] {
	width: 16px;
	height: 16px;
	max-width: none;
	min-height: 0;
	padding: 0;
	accent-color: var(--dlh-primary);
}

.dlh-check-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
	border: 1px solid var(--dlh-border);
	border-radius: var(--dlh-radius-control);
}

.dlh-radio-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 12px;
}

.dlh-radio-cards > * {
	min-width: 0;
}

.dlh-radio-card {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 0;
	padding: 14px 16px;
	border: 1.5px solid var(--dlh-border-input);
	border-radius: 11px;
	background: var(--dlh-surface);
	color: inherit;
	font-weight: 400;
	text-align: left;
	cursor: pointer;
}

.dlh-radio-card--top {
	align-items: flex-start;
}

.dlh-radio-card:hover {
	border-color: var(--dlh-primary);
}

.dlh-radio-card:focus-within,
.dlh-radio-card.is-selected,
.dlh-radio-card:has(.dlh-radio-card__input:checked),
.dlh-radio-card[aria-pressed="true"] {
	border-color: var(--dlh-primary);
	background: var(--dlh-primary-wash-soft);
}

.dlh-app .dlh-radio-card__input.screen-reader-text,
.dlh-app .dlh-upload__input.screen-reader-text {
	width: 1px;
	height: 1px;
	min-height: 0;
}

.dlh-radio-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	flex-shrink: 0;
	border-radius: 10px;
	background: var(--dlh-primary-wash);
	color: var(--dlh-primary);
}

.dlh-radio-card__text {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.dlh-radio-card__title {
	font-size: 15px;
	font-weight: 600;
	color: var(--dlh-text);
}

.dlh-radio-card__sub {
	color: var(--dlh-muted);
	font-size: 13.5px;
	font-weight: 400;
	line-height: 1.45;
}

.dlh-form-section {
	margin: 0;
	padding: 0;
	border: 0;
}

.dlh-form-section legend,
.dlh-upload-label {
	padding: 0;
	margin: 0 0 8px;
	color: var(--dlh-text);
	font-size: 14px;
	font-weight: 600;
}

.dlh-form-section .dlh-hint {
	margin: 0 0 10px;
	font-size: 13.5px;
}

.dlh-hint--block {
	margin: -8px 0 22px;
	font-size: 14.5px;
}

.dlh-upload {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	width: 100%;
	margin: 0;
	padding: 22px;
	border: 1.5px dashed var(--dlh-border-strong);
	border-radius: 11px;
	background: var(--dlh-surface);
	color: var(--dlh-muted);
	font-size: 13.5px;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
}

.dlh-upload:hover,
.dlh-upload:focus-within,
.dlh-upload.is-drag {
	border-color: var(--dlh-primary);
	background: var(--dlh-primary-wash-soft);
}

.dlh-upload__icon {
	display: flex;
	color: var(--dlh-primary);
}

.dlh-upload__title {
	color: var(--dlh-text);
	font-size: 14px;
}

.dlh-upload__title span {
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.dlh-upload__meta {
	font-size: 12.5px;
}

.dlh-app .dlh-upload input[type="file"] {
	max-width: none;
}

.dlh-file-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}

.dlh-file-list li,
.dlh-file-row {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border: 1px solid var(--dlh-border);
	border-radius: 10px;
	background: var(--dlh-surface);
}

.dlh-file-row__icon {
	display: flex;
	color: var(--dlh-muted);
}

.dlh-file-row__meta {
	flex: 1;
	min-width: 0;
}

.dlh-file-row__name {
	display: block;
	overflow: hidden;
	color: var(--dlh-text);
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.dlh-file-row__size {
	display: block;
	color: var(--dlh-muted);
	font-size: 12.5px;
}

.dlh-file-row__remove {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: var(--dlh-muted);
	cursor: pointer;
}

.dlh-file-row__remove:hover {
	background: rgba(184, 64, 59, 0.1);
	color: var(--dlh-danger);
}

.dlh-order-foot {
	padding-top: 20px;
	border-top: 1px solid var(--dlh-border);
}

.dlh-order-summary {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin-bottom: 18px;
	color: var(--dlh-muted);
	font-size: 14px;
}

.dlh-order-summary strong {
	color: var(--dlh-text);
	font-weight: 600;
}

.dlh-errors {
	margin: 0 0 1rem;
	padding: 12px 14px 12px 1.2rem;
	border: 1px solid var(--dlh-danger-border);
	border-radius: var(--dlh-radius);
	background: var(--dlh-danger-bg);
	color: var(--dlh-danger-text);
	font-size: 13px;
}

.dlh-form--inline {
	margin: 0 0 1rem;
}

/* -------------------------------------------------------------------------- */
/* Cards / stats / empty                                                      */
/* -------------------------------------------------------------------------- */

.dlh-card {
	background: var(--dlh-surface);
	border: 1px solid var(--dlh-border);
	border-radius: var(--dlh-radius-card);
	box-shadow: var(--dlh-shadow);
	padding: 22px 24px;
}

.dlh-card__title {
	margin: 0 0 0.75rem;
	font-size: 16px;
	font-weight: 600;
}

.dlh-card--dashed {
	border-style: dashed;
	border-color: var(--dlh-border-strong);
	box-shadow: none;
}

.dlh-card--wash {
	background: var(--dlh-success-bg);
}

.dlh-card--brand {
	background: var(--dlh-primary-wash-soft);
	border-color: transparent;
}

.dlh-card-grid,
.dlh-stat-grid {
	display: grid;
	gap: 16px;
}

.dlh-card-grid {
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	margin: 0 0 22px;
}

.dlh-stat-grid {
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	margin: 0 0 16px;
}

.dlh-page-min-profil.dlh-role-dyrlaege .dlh-stat-grid {
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.dlh-stat {
	display: flex;
	flex-direction: column;
	gap: 0;
	min-width: 0;
	padding: 20px;
	background: var(--dlh-surface);
	border: 1px solid var(--dlh-border);
	border-radius: var(--dlh-radius-panel);
	box-shadow: var(--dlh-shadow);
	color: inherit;
	text-decoration: none;
}

.dlh-app a.dlh-stat {
	color: inherit;
	text-decoration: none;
}

.dlh-app a.dlh-stat:hover,
a.dlh-stat:hover {
	border-color: var(--dlh-primary);
	text-decoration: none;
	color: inherit;
}

.dlh-stat__value {
	font-size: 34px;
	font-weight: 700;
	line-height: 1;
}

.dlh-page-min-profil.dlh-role-dyrlaege .dlh-stat__value {
	font-size: 36px;
}

.dlh-stat__label {
	margin: 0 0 8px;
	color: var(--dlh-muted);
	font-size: 13px;
	font-weight: 500;
}

.dlh-stat--warning {
	border-color: var(--dlh-warning-border);
}

.dlh-stat--warning .dlh-stat__label,
.dlh-stat--warning .dlh-stat__value {
	color: var(--dlh-warning-text);
}

.dlh-stat--success .dlh-stat__value {
	color: var(--dlh-success-text);
}

.dlh-panel {
	margin: 0 0 16px;
	background: var(--dlh-surface);
	border: 1px solid var(--dlh-border);
	border-radius: var(--dlh-radius-panel);
	box-shadow: var(--dlh-shadow);
	overflow: hidden;
}

.dlh-panel:last-child {
	margin-bottom: 0;
}

.dlh-panel__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	padding: 18px 22px;
	border-bottom: 1px solid var(--dlh-border);
}

.dlh-panel__title {
	margin: 0;
	padding: 18px 22px 0;
	font-size: 16px;
	font-weight: 600;
}

.dlh-panel__head .dlh-panel__title {
	padding: 0;
}

.dlh-panel .dlh-table-wrap {
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.dlh-panel .dlh-empty {
	margin: 16px;
}

.dlh-panel--status {
	padding: 20px 22px;
}

.dlh-panel--status .dlh-panel__title {
	padding: 0;
	margin: 0 0 14px;
}

.dlh-status-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 10px;
	padding: 14px 22px 20px;
}

.dlh-panel--status .dlh-status-grid {
	padding: 0;
}

.dlh-status-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 11px 14px;
	background: var(--dlh-surface);
	border: 1px solid var(--dlh-border);
	border-radius: 10px;
	color: var(--dlh-muted);
	font-size: 14px;
}

.dlh-status-row__val {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--dlh-text);
	font-size: 13px;
	font-weight: 600;
}

.dlh-status-row__val.is-ok {
	color: var(--dlh-success-text);
}

.dlh-status-row__val.is-ok::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--dlh-success);
}

.dlh-result-count {
	margin: 0 0 10px;
	color: var(--dlh-muted);
	font-size: 13.5px;
}

.dlh-filters-box {
	margin: 0 0 16px;
}

.dlh-filters-toggle {
	display: none;
	align-items: center;
	gap: 8px;
	width: fit-content;
	margin: 0 0 12px;
	padding: 0 16px;
	min-height: 44px;
	border: 1px solid var(--dlh-border-strong);
	border-radius: 10px;
	background: var(--dlh-surface);
	color: var(--dlh-text);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	list-style: none;
}

.dlh-filters-toggle::-webkit-details-marker {
	display: none;
}

.dlh-table__mono {
	font-family: var(--dlh-mono);
	font-size: 13px;
}

.dlh-table__when {
	color: var(--dlh-muted);
	font-size: 13.5px;
	white-space: nowrap;
}

.dlh-table__when span {
	display: block;
}

.dlh-table__missing {
	font-style: italic;
}

.dlh-table a.dlh-table__id {
	color: var(--dlh-primary);
	font-weight: 600;
	text-decoration: none;
}

.dlh-table a.dlh-table__id:hover {
	text-decoration: underline;
}

.dlh-table--recent {
	min-width: 820px;
}

.dlh-table--recent td {
	vertical-align: middle;
	color: var(--dlh-muted);
	font-size: 14.5px;
}

.dlh-table--recent td:nth-child(2) {
	color: var(--dlh-text);
}

.dlh-table--recent .dlh-table__id {
	font-size: 14px;
	font-weight: 600;
}

.dlh-table--recent .dlh-table__missing {
	color: var(--dlh-muted);
}

.dlh-empty {
	margin: 0;
	padding: 52px 24px;
	border: 1px dashed var(--dlh-border-strong);
	border-radius: var(--dlh-radius-card);
	background: var(--dlh-surface);
	color: var(--dlh-muted);
	font-size: 14.5px;
	text-align: center;
}

.dlh-empty__title {
	margin: 0 0 6px;
	color: var(--dlh-text);
	font-size: 17px;
	font-weight: 600;
}

.dlh-empty .dlh-button {
	margin-top: 20px;
}

.dlh-empty__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin: 0 auto 16px;
	border-radius: 50%;
	background: var(--dlh-primary-wash);
	color: var(--dlh-primary);
}

.dlh-card--form {
	padding: 28px;
}

.dlh-card--form input[type="text"],
.dlh-card--form input[type="email"],
.dlh-card--form input[type="tel"],
.dlh-card--form input[type="password"],
.dlh-card--form select,
.dlh-card--form textarea {
	max-width: none;
}

.dlh-split-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	padding: 24px 28px;
	margin-top: 20px;
}

.dlh-split-card__title {
	margin: 0 0 3px;
	font-size: 15px;
	font-weight: 600;
}

.dlh-split-card__text {
	margin: 0;
	color: var(--dlh-muted);
	font-size: 14px;
}

.dlh-faq-canvas {
	max-width: none;
	width: 100%;
}

.dlh-faq-canvas .dlh-lead {
	margin: 8px 0 24px;
}

.dlh-faq {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.dlh-faq__item {
	background: var(--dlh-surface);
	border: 1px solid var(--dlh-border);
	border-radius: var(--dlh-radius-panel);
	overflow: hidden;
}

.dlh-faq__heading {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
}

.dlh-faq__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	width: 100%;
	padding: 17px 20px;
	border: none;
	border-radius: 0;
	background: transparent;
	color: var(--dlh-text);
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	text-align: left;
	cursor: pointer;
}

.dlh-faq__toggle span {
	min-width: 0;
	overflow-wrap: anywhere;
}

.dlh-faq__toggle:hover,
.dlh-faq__toggle:focus-visible {
	background: var(--dlh-soft);
}

.dlh-faq__toggle:focus-visible {
	border-color: transparent;
	box-shadow: inset 0 0 0 2px var(--dlh-primary);
}

.dlh-faq__chev {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	color: var(--dlh-muted);
}

.dlh-faq__panel {
	padding: 0 20px 18px;
	color: var(--dlh-muted);
	font-size: 14.5px;
	line-height: 1.6;
	animation: dlh-fade 0.2s ease;
}

.dlh-faq__panel p,
.dlh-faq__panel ul,
.dlh-faq__panel ol {
	margin: 0 0 0.75em;
}

.dlh-faq__panel p:last-child,
.dlh-faq__panel ul:last-child,
.dlh-faq__panel ol:last-child {
	margin-bottom: 0;
}

.dlh-faq__fallback :where(h2, h3, h4):first-child {
	margin-top: 0;
}

.dlh-form-canvas {
	max-width: none;
}

.dlh-form__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.dlh-form__actions .dlh-button,
.dlh-form__actions a.dlh-button {
	min-height: var(--dlh-btn-h-form);
	height: var(--dlh-btn-h-form);
	padding: 0 22px;
	font-size: 15px;
}

.dlh-form__actions .dlh-button--secondary,
.dlh-form__actions a.dlh-button--secondary {
	padding: 0 20px;
}

.dlh-app .dlh-button--compact,
.dlh-app a.dlh-button--compact {
	height: 36px;
	min-height: 36px;
	padding: 0 14px;
	font-size: 13.5px;
	border-radius: 9px;
}

.dlh-app .dlh-step .dlh-button,
.dlh-app .dlh-step a.dlh-button {
	height: 40px;
	min-height: 40px;
	padding: 0 18px;
	font-size: 14px;
	border-radius: 9px;
}

.dlh-app .dlh-shortcut .dlh-button,
.dlh-app .dlh-shortcut a.dlh-button,
.dlh-app .dlh-pet-card .dlh-button,
.dlh-app .dlh-pet-card a.dlh-button {
	align-self: flex-start;
	height: 38px;
	min-height: 38px;
	padding: 0 16px;
	font-size: 14px;
	border-radius: 9px;
}

.dlh-filters .dlh-button,
.dlh-filters a.dlh-button,
.dlh-app .dlh-filters .dlh-button--compact,
.dlh-app .dlh-filters a.dlh-button--compact {
	height: 40px;
	min-height: 40px;
	padding: 0 14px;
	font-size: 13.5px;
	border-radius: 9px;
}

.dlh-lead--wide {
	max-width: 560px;
	margin-bottom: 28px;
}

.dlh-page-toolbar {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 26px;
}

.dlh-page-toolbar .dlh-lead {
	margin: 8px 0 0;
}

.dlh-steps {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
	margin: 0 0 24px;
	padding: 24px;
	background: var(--dlh-surface);
	border: 1px solid var(--dlh-border);
	border-radius: var(--dlh-radius-card);
	box-shadow: var(--dlh-shadow);
}

.dlh-step {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 16px;
	border: 1px solid var(--dlh-border);
	border-radius: 11px;
}

.dlh-step--done {
	background: var(--dlh-success-bg);
	border-color: rgba(47, 125, 91, 0.25);
}

.dlh-step--next {
	background: var(--dlh-primary-wash-soft);
	border-color: rgba(43, 99, 254, 0.28);
}

.dlh-step--wait {
	background: var(--dlh-bg);
	opacity: 0.75;
}

.dlh-step__mark {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	flex-shrink: 0;
	border-radius: 50%;
	background: var(--dlh-primary);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.dlh-step--done .dlh-step__mark {
	background: var(--dlh-success-bg);
	color: var(--dlh-success);
}

.dlh-step--wait .dlh-step__mark {
	background: var(--dlh-border);
	color: var(--dlh-muted);
}

.dlh-step__body {
	flex: 1;
	min-width: 0;
}

.dlh-step__kicker {
	margin: 0 0 4px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--dlh-primary);
}

.dlh-step--done .dlh-step__kicker {
	color: var(--dlh-success);
}

.dlh-step--wait .dlh-step__kicker {
	color: var(--dlh-muted);
}

.dlh-step__title {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: var(--dlh-text);
}

.dlh-step--wait .dlh-step__title {
	color: var(--dlh-text-2);
}

.dlh-step__text {
	margin: 3px 0 0;
	color: var(--dlh-muted);
	font-size: 14px;
}

.dlh-step__text + .dlh-button {
	margin-top: 12px;
}

.dlh-shortcut-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 16px;
	margin: 0 0 24px;
}

.dlh-shortcut {
	display: flex;
	flex-direction: column;
	padding: 22px;
	border-radius: var(--dlh-radius-panel);
}

.dlh-shortcut .dlh-card__title {
	margin: 0;
}

.dlh-shortcut__head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

.dlh-shortcut__icon {
	display: flex;
	color: var(--dlh-muted);
}

.dlh-shortcut__text {
	flex: 1;
	margin: 0 0 16px;
	color: var(--dlh-muted);
	font-size: 14px;
}

.dlh-shortcut .dlh-button {
	align-self: flex-start;
}

.dlh-how {
	padding: 22px 24px;
	background: rgba(229, 221, 210, 0.55);
	border: 1px solid rgba(195, 169, 139, 0.5);
	border-radius: 12px;
}

.dlh-how__title {
	margin: 0 0 12px;
	font-size: 15px;
	font-weight: 600;
	color: var(--dlh-text);
}

.dlh-how__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: dlh-how;
}

.dlh-how__list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: var(--dlh-muted);
	font-size: 14px;
	line-height: 1.5;
}

.dlh-how__list li::before {
	counter-increment: dlh-how;
	content: counter(dlh-how);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	border-radius: 50%;
	background: var(--dlh-primary);
	color: #fff;
	font-size: 12.5px;
	font-weight: 600;
}

.dlh-pet-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 16px;
}

.dlh-pet-card {
	padding: 22px;
}

.dlh-pet-card__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.dlh-pet-card__mark {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	border-radius: 12px;
	background: var(--dlh-primary-wash);
	color: var(--dlh-primary);
}

.dlh-pet-card__name {
	margin: 0;
	font-size: 17px;
	font-weight: 600;
}

.dlh-pet-card__meta {
	margin: 2px 0 0;
	color: var(--dlh-muted);
	font-size: 14px;
}

.dlh-pet-card__facts {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0 0 16px;
	padding: 14px;
	border: 1px solid var(--dlh-border);
	border-radius: 10px;
}

.dlh-pet-card__facts div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 14px;
}

.dlh-pet-card__facts dt {
	margin: 0;
	color: var(--dlh-muted);
	font-weight: 400;
}

.dlh-pet-card__facts dd {
	margin: 0;
	color: var(--dlh-text);
	font-weight: 500;
}

.dlh-pet-card__policy {
	font-family: var(--dlh-mono);
	font-size: 13px;
}

.dlh-pet-card__cases {
	margin: 0 0 16px;
}

.dlh-pet-card__cases .dlh-label-caps {
	margin: 0 0 8px;
}

.dlh-pet-cases,
.dlh-open-cases__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dlh-pet-cases__empty {
	margin: 0;
	color: var(--dlh-muted);
	font-size: 13.5px;
}

.dlh-pet-case,
.dlh-open-case {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 0;
	border-top: 1px solid var(--dlh-border);
}

.dlh-pet-case:first-child {
	padding-top: 0;
	border-top: 0;
}

.dlh-pet-case.is-open {
	background: var(--dlh-warning-wash);
	margin: 0 -10px;
	padding: 10px;
	border-top: 0;
	border-radius: 8px;
}

.dlh-pet-case__meta,
.dlh-open-case__meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.dlh-pet-case__when,
.dlh-pet-case__contact,
.dlh-open-case__meta span {
	color: var(--dlh-muted);
	font-size: 13px;
}

.dlh-open-cases {
	margin: 0 0 20px;
	padding: 20px 22px;
}

.dlh-open-cases__head {
	margin: 0 0 10px;
}

.dlh-open-cases__title {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
}

.dlh-open-cases__lead {
	margin: 4px 0 0;
	color: var(--dlh-muted);
	font-size: 14px;
}

.dlh-open-case {
	border-top: 1px solid var(--dlh-border);
}

.dlh-open-case:first-child {
	border-top: 0;
	padding-top: 0;
}

.dlh-open-case__meta strong {
	font-size: 14.5px;
	font-weight: 600;
}

.dlh-result {
	max-width: 560px;
	margin: 40px auto 0;
	padding: 44px 32px;
	background: var(--dlh-surface);
	border: 1px solid var(--dlh-border);
	border-radius: var(--dlh-radius-auth);
	box-shadow: var(--dlh-shadow-auth);
	text-align: center;
	animation: dlh-up 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.dlh-result .dlh-title {
	font-size: 28px;
}

.dlh-result .dlh-lead {
	margin: 10px 0 26px;
}

.dlh-result__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin: 0 auto 20px;
	border-radius: 50%;
	background: var(--dlh-success-bg);
	color: var(--dlh-success);
}

.dlh-result__actions {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
}

/* -------------------------------------------------------------------------- */
/* Badges / notices / toast                                                   */
/* -------------------------------------------------------------------------- */

.dlh-badge {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 4px 11px;
	border-radius: var(--dlh-radius-pill);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
}

.dlh-badge--taken::before,
.dlh-badge--open::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
}

.dlh-badge--taken {
	background: var(--dlh-success-bg);
	color: var(--dlh-success-text);
}

.dlh-badge--taken::before {
	background: var(--dlh-success);
}

.dlh-badge--open {
	background: var(--dlh-warning-bg);
	color: var(--dlh-warning-text);
}

.dlh-badge--open::before {
	background: var(--dlh-warning);
}

.dlh-badge--customer {
	background: var(--dlh-border);
	color: var(--dlh-text-2);
}

.dlh-badge--vet {
	background: var(--dlh-success-bg);
	color: var(--dlh-success-text);
}

.dlh-badge--admin {
	background: var(--dlh-primary);
	color: #fff;
}

.dlh-badge--overnight {
	background: var(--dlh-info-bg);
	color: var(--dlh-info);
}

.dlh-notice {
	margin-bottom: 16px;
	padding: 13px 16px;
	border: 1px solid var(--dlh-danger-border);
	border-radius: var(--dlh-radius);
	background: var(--dlh-danger-bg);
	color: var(--dlh-danger-text);
	font-size: 14px;
}

.dlh-notice--ok {
	background: var(--dlh-success-bg);
	border-color: transparent;
	color: var(--dlh-success-text);
}

.dlh-notice--warning {
	background: var(--dlh-warning-wash);
	border-color: rgba(166, 106, 24, 0.35);
	color: var(--dlh-warning-text);
}

.dlh-toast {
	position: fixed;
	z-index: var(--dlh-z-toast);
	top: 20px;
	right: 20px;
	bottom: auto;
	max-width: 360px;
	padding: 13px 18px;
	border-radius: 11px;
	background: var(--dlh-text);
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	box-shadow: var(--dlh-shadow-overlay);
	animation: dlh-toast 0.25s ease;
}

.dlh-toast--ok {
	background: var(--dlh-success-bg);
	color: var(--dlh-success-text);
}

.dlh-toast--error {
	background: #fde8e6;
	color: var(--dlh-danger-text);
}

/* -------------------------------------------------------------------------- */
/* Table / filters / pagination                                               */
/* -------------------------------------------------------------------------- */

.dlh-table-wrap {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	background: var(--dlh-surface);
	border: 1px solid var(--dlh-border);
	border-radius: var(--dlh-radius-panel);
	box-shadow: var(--dlh-shadow);
}

.dlh-table {
	width: 100%;
	min-width: 760px;
	border-collapse: collapse;
	font-size: 14.5px;
}

.dlh-page-sager .dlh-table,
.dlh-page-eksport .dlh-table {
	min-width: 980px;
}

.dlh-page-eksport .dlh-table {
	font-size: 14px;
}

.dlh-page-eksport .dlh-table th {
	padding: 11px 14px;
	font-size: 12px;
}

.dlh-page-eksport .dlh-table td {
	padding: 12px 14px;
	font-size: 13.5px;
}

.dlh-page-eksport .dlh-table th:first-child,
.dlh-page-eksport .dlh-table td:first-child {
	padding-left: 22px;
}

.dlh-page-eksport .dlh-table th:last-child,
.dlh-page-eksport .dlh-table td:last-child {
	padding-right: 22px;
}

.dlh-page-eksport .dlh-badge {
	padding: 3px 10px;
	font-size: 12px;
}

.dlh-table th,
.dlh-table td {
	padding: 14px 16px;
	border-bottom: 1px solid var(--dlh-soft-4);
	text-align: left;
	vertical-align: top;
}

.dlh-table th {
	padding: 12px 16px;
	background: var(--dlh-bg);
	color: var(--dlh-muted);
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.dlh-table th:first-child,
.dlh-table td:first-child {
	padding-left: 22px;
}

.dlh-table th:last-child,
.dlh-table td:last-child {
	padding-right: 22px;
}

.dlh-table tbody tr:hover {
	background: var(--dlh-soft);
}

.dlh-table--click tbody tr {
	cursor: pointer;
}

.dlh-table__id {
	font-family: var(--dlh-mono);
	color: var(--dlh-primary);
}

.dlh-table__name,
.dlh-app a.dlh-table__name {
	font-weight: 600;
	color: var(--dlh-text);
	text-decoration: none;
}

.dlh-app a.dlh-table__name:hover {
	color: var(--dlh-primary);
	text-decoration: none;
}

.dlh-table__num {
	text-align: right;
}

.dlh-table caption {
	caption-side: bottom;
	padding: 12px 16px;
	color: var(--dlh-muted);
	text-align: left;
}

.dlh-table input,
.dlh-table select {
	max-width: none;
}

.dlh-filters {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 12px 14px;
	align-items: end;
	margin-bottom: 16px;
	padding: 16px 18px;
	background: var(--dlh-surface);
	border: 1px solid var(--dlh-border);
	border-radius: var(--dlh-radius-panel);
	box-shadow: var(--dlh-shadow);
}

.dlh-filters .dlh-field label {
	color: var(--dlh-muted);
	font-size: 12.5px;
}

.dlh-filters .dlh-field input,
.dlh-filters .dlh-field select {
	max-width: none;
	height: var(--dlh-control-h-sm);
	min-height: var(--dlh-control-h-sm);
	padding: 0 10px;
	border-radius: 9px;
	font-size: 14px;
}

.dlh-filters__actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	align-items: center;
}

.dlh-pagination {
	display: flex;
	justify-content: center;
	margin-top: 18px;
}

.dlh-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.dlh-app .dlh-pagination a,
.dlh-pagination a,
.dlh-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 12px;
	border: 1px solid var(--dlh-border-input);
	border-radius: 9px;
	background: var(--dlh-surface);
	color: var(--dlh-text-2);
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
}

.dlh-app .dlh-pagination a:hover,
.dlh-pagination a:hover {
	background: var(--dlh-bg);
	border-color: var(--dlh-primary);
	color: var(--dlh-text-2);
	text-decoration: none;
}

.dlh-pagination .current {
	background: var(--dlh-primary);
	color: #fff;
	border-color: var(--dlh-primary);
}

/* -------------------------------------------------------------------------- */
/* Dialog / skeleton / segment / switch                                       */
/* -------------------------------------------------------------------------- */

.dlh-dialog {
	position: fixed;
	inset: 0;
	z-index: var(--dlh-z-dialog);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.dlh-dialog[hidden] {
	display: none;
}

.dlh-dialog__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(54, 50, 47, 0.6);
}

.dlh-dialog__card {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 520px;
	padding: 28px;
	border-radius: var(--dlh-radius-auth);
	background: var(--dlh-surface);
	box-shadow: var(--dlh-shadow-overlay);
	animation: dlh-up 0.4s ease;
}

.dlh-dialog__title {
	margin: 0 0 12px;
	font-size: 19px;
	font-weight: 600;
}

.dlh-dialog__actions {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 20px;
}

.dlh-skel {
	display: grid;
	gap: 16px;
}

.dlh-skel__bar {
	height: 16px;
	border-radius: 8px;
	background: var(--dlh-soft-3);
	animation: dlh-pulse 1.2s ease-in-out infinite;
}

.dlh-skel__bar--title {
	width: 220px;
	height: 34px;
}

.dlh-skel__bar--lead {
	width: 340px;
}

.dlh-segment {
	display: flex;
	height: 40px;
	padding: 3px;
	border: 1px solid var(--dlh-border-input);
	border-radius: var(--dlh-radius-control);
	background: var(--dlh-surface);
}

.dlh-segment .dlh-button {
	flex: 1;
	min-height: 0;
	height: 100%;
	border-radius: 8px;
	box-shadow: none;
}

.dlh-switch {
	position: relative;
	display: inline-block;
	width: 46px;
	height: 26px;
}

.dlh-switch input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}

.dlh-switch__ui {
	display: block;
	width: 46px;
	height: 26px;
	border-radius: 999px;
	background: var(--dlh-border-input);
	transition: background 0.15s ease;
}

.dlh-switch__ui::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	box-shadow: var(--dlh-shadow);
	transition: transform 0.15s ease;
}

.dlh-switch input:checked + .dlh-switch__ui {
	background: var(--dlh-primary);
}

.dlh-switch input:checked + .dlh-switch__ui::after {
	transform: translateX(20px);
}

/* -------------------------------------------------------------------------- */
/* Page chrome                                                                */
/* -------------------------------------------------------------------------- */

.dlh-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	margin: 0 0 8px;
	padding: 0;
	list-style: none;
	color: var(--dlh-muted);
	font-size: 13px;
}

.dlh-app .dlh-breadcrumb a,
.dlh-breadcrumb a {
	color: var(--dlh-muted);
	text-decoration: none;
}

.dlh-app .dlh-breadcrumb a:hover {
	color: var(--dlh-primary);
	text-decoration: none;
}

.dlh-breadcrumb__list li:not(:last-child)::after {
	content: "/";
	margin-left: 10px;
	color: var(--dlh-border-strong);
}

.dlh-page-header {
	margin-bottom: 22px;
}

.dlh-stack {
	display: grid;
	gap: 20px;
}

.dlh-dl {
	display: grid;
	grid-template-columns: minmax(0, 160px) minmax(0, 1fr);
	gap: 8px 16px;
	margin: 0 0 16px;
}

.dlh-dl dt {
	color: var(--dlh-muted);
	font-weight: 600;
	font-size: 14px;
}

.dlh-dl dd {
	margin: 0;
}

.dlh-pre {
	white-space: pre-wrap;
	margin: 0;
}

.dlh-preview {
	display: block;
	width: 100%;
	max-width: var(--dlh-email);
	height: 44rem;
	margin-top: 1rem;
	background: var(--dlh-bg);
	border: 1px solid var(--dlh-border);
	border-radius: var(--dlh-radius-card);
}

/* -------------------------------------------------------------------------- */
/* Case detail workspace                                                      */
/* -------------------------------------------------------------------------- */

.dlh-case {
	max-width: none;
}

.dlh-back {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 34px;
	margin: 0 0 14px -10px;
	padding: 0 10px;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: var(--dlh-text-2);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

.dlh-app a.dlh-back:hover {
	background: var(--dlh-border);
	color: var(--dlh-text-2);
	text-decoration: none;
}

.dlh-case__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 22px;
}

.dlh-case__head .dlh-title {
	margin: 0;
}

.dlh-case__head .dlh-lead {
	margin: 6px 0 0;
	font-size: 14.5px;
}

.dlh-case__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.dlh-case__cta .dlh-button,
.dlh-case__cta a.dlh-button {
	gap: 8px;
}

.dlh-case__grid {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	align-items: flex-start;
}

.dlh-case__main {
	flex: 2 1 480px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.dlh-case__side {
	flex: 1 1 300px;
	min-width: 280px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.dlh-card--panel {
	padding: 24px;
}

.dlh-card--panel .dlh-card__title {
	margin-bottom: 14px;
}

.dlh-label-caps {
	display: block;
	margin-bottom: 7px;
	color: var(--dlh-muted);
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.dlh-case__contact {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
	padding: 12px 14px;
	border: 1px solid rgba(43, 99, 254, 0.15);
	border-radius: 10px;
	background: var(--dlh-primary-wash-soft);
	color: var(--dlh-text);
	font-size: 14px;
}

.dlh-case__contact p {
	margin: 0;
}

.dlh-case__contact-icon {
	display: inline-flex;
	color: var(--dlh-primary);
	flex-shrink: 0;
}

.dlh-muted {
	color: var(--dlh-muted);
}

.dlh-case__notes-lead {
	margin: -8px 0 12px;
	font-size: 13.5px;
}

.dlh-case__notes-lead + .dlh-form .dlh-textarea {
	min-height: 96px;
}

.dlh-file-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.dlh-file-tile {
	display: block;
	width: 170px;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--dlh-border);
	border-radius: 11px;
	background: var(--dlh-surface);
	color: inherit;
	text-align: left;
	cursor: pointer;
	font: inherit;
}

button.dlh-file-tile:hover,
.dlh-file-tile:hover {
	border-color: var(--dlh-primary);
	box-shadow: 0 4px 14px rgba(31, 24, 18, 0.08);
}

.dlh-file-tile.is-missing,
.dlh-file-tile.is-missing:hover {
	cursor: default;
	border-color: var(--dlh-border);
	box-shadow: none;
}

.dlh-file-tile__preview {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 110px;
	overflow: hidden;
	background: linear-gradient(160deg, #eae4dd, #d9d0c5);
	color: var(--dlh-muted);
}

.dlh-file-tile__thumb {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dlh-file-tile__preview--file {
	background: var(--dlh-bg);
}

.dlh-file-tile__meta {
	display: block;
	padding: 10px 12px;
}

.dlh-file-tile__name {
	display: block;
	overflow: hidden;
	color: var(--dlh-text);
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.dlh-file-tile__size {
	display: block;
	margin-top: 2px;
	color: var(--dlh-muted);
	font-size: 12px;
}

.dlh-file-tile__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 2px;
}

.dlh-file-tile__open {
	padding: 0;
	border: none;
	background: transparent;
	color: var(--dlh-primary);
	font-size: 12.5px;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}

.dlh-app a.dlh-file-tile__open:hover,
.dlh-file-tile__open:hover {
	color: var(--dlh-primary-hover);
}

.dlh-status-seg {
	display: flex;
	overflow: hidden;
	border: 1px solid var(--dlh-border-input);
	border-radius: 10px;
}

.dlh-status-seg__btn {
	flex: 1;
	height: 40px;
	padding: 0 8px;
	border: none;
	border-left: 1px solid var(--dlh-border-input);
	background: var(--dlh-surface);
	color: var(--dlh-text-2);
	font-size: 13.5px;
	font-weight: 600;
	cursor: pointer;
}

.dlh-status-seg__btn:first-child {
	border-left: none;
}

.dlh-status-seg__btn.is-active {
	background: var(--dlh-primary);
	color: #fff;
}

.dlh-case__block {
	margin-bottom: 16px;
}

.dlh-case__plain {
	margin: 0;
	font-size: 14.5px;
}

.dlh-case__meta {
	display: flex;
	flex-direction: column;
	gap: 9px;
	padding-top: 4px;
}

.dlh-case__meta-row {
	display: flex;
	align-items: center;
	gap: 9px;
	color: var(--dlh-muted);
	font-size: 14px;
}

.dlh-case__meta-row svg {
	flex-shrink: 0;
}

.dlh-case__name {
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: 600;
}

.dlh-case__address {
	padding-left: 25px;
	color: var(--dlh-muted);
	font-size: 14px;
	line-height: 1.5;
}

.dlh-case__pet {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 12px;
}

.dlh-case__pet-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: var(--dlh-primary-wash);
	color: var(--dlh-primary);
}

.dlh-case__pet .dlh-case__name {
	margin: 0;
}

.dlh-case__facts {
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding: 12px 14px;
	border: 1px solid var(--dlh-border);
	border-radius: 10px;
}

.dlh-case__fact {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 13.5px;
}

.dlh-case__fact span {
	color: var(--dlh-muted);
}

.dlh-case__fact strong {
	font-weight: 500;
	color: var(--dlh-text);
}

.dlh-case__mono {
	font-family: var(--dlh-mono);
	font-size: 12.5px;
}

.dlh-case__extra {
	margin-top: 12px;
}

.dlh-case__extra .dlh-pre {
	color: var(--dlh-muted);
	font-size: 14px;
}

.dlh-case__missing-name {
	margin: 12px 0 0;
	font-size: 14px;
}

.dlh-lightbox {
	position: fixed;
	inset: 0;
	z-index: var(--dlh-z-dialog);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.dlh-lightbox[hidden] {
	display: none;
}

.dlh-lightbox__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(54, 50, 47, 0.6);
}

.dlh-lightbox__card {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 640px;
	overflow: hidden;
	border-radius: var(--dlh-radius-auth);
	background: var(--dlh-surface);
	box-shadow: var(--dlh-shadow-overlay);
}

.dlh-lightbox__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 20px;
	border-bottom: 1px solid var(--dlh-border);
}

.dlh-lightbox__name {
	font-size: 15px;
	font-weight: 600;
}

.dlh-lightbox__size {
	color: var(--dlh-muted);
	font-size: 12.5px;
}

.dlh-lightbox__body {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 340px;
	background: var(--dlh-bg);
}

.dlh-lightbox__img {
	display: block;
	max-width: 100%;
	max-height: 70vh;
	object-fit: contain;
}

.dlh-lightbox__frame {
	width: 100%;
	height: 70vh;
	min-height: 340px;
	border: 0;
	background: var(--dlh-bg);
}

.dlh-lightbox__actions {
	display: flex;
	justify-content: flex-end;
	padding: 12px 20px 16px;
}

/* -------------------------------------------------------------------------- */
/* Staff pets / customers                                                     */
/* -------------------------------------------------------------------------- */

.dlh-search__wrap {
	position: relative;
}

.dlh-search__icon {
	position: absolute;
	top: 12px;
	left: 11px;
	color: var(--dlh-muted);
	pointer-events: none;
}

.dlh-search input[type="search"] {
	width: 100%;
	max-width: none;
	height: var(--dlh-control-h-sm);
	padding-left: 34px;
}

.dlh-search--bare input[type="search"] {
	height: 42px;
	padding-left: 36px;
	border-radius: 10px;
	font-size: 14.5px;
}

.dlh-staff-count {
	margin: 0;
	padding-bottom: 11px;
	color: var(--dlh-muted);
	font-size: 13.5px;
}

.dlh-filters .dlh-staff-count {
	align-self: end;
}

.dlh-kunde-search {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

.dlh-kunde-search .dlh-search {
	flex: 1 1 280px;
	max-width: 420px;
}

.dlh-kunde-search .dlh-staff-count {
	padding-bottom: 0;
}

.dlh-pet {
	max-width: none;
}

.dlh-pet__card {
	padding: 28px;
}

.dlh-pet__head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 22px;
}

.dlh-pet__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: var(--dlh-primary-wash);
	color: var(--dlh-primary);
}

.dlh-pet__title {
	margin: 0;
	font-size: 28px;
}

.dlh-pet__head .dlh-lead {
	margin: 4px 0 0;
	font-size: 14.5px;
}

.dlh-pet__facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 12px;
	margin-bottom: 20px;
}

.dlh-pet__fact {
	padding: 14px;
	border: 1px solid var(--dlh-border);
	border-radius: 10px;
	font-size: 14.5px;
	font-weight: 500;
}

.dlh-pet__count {
	font-size: 14.5px;
	font-weight: 600;
}

.dlh-pet__extra {
	margin-bottom: 22px;
}

.dlh-pet__extra .dlh-pre {
	color: var(--dlh-muted);
	font-size: 14.5px;
}

.dlh-related {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dlh-related li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	font-size: 14.5px;
}

.dlh-kunde {
	max-width: none;
}

.dlh-kunde__head {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.dlh-kunde__head .dlh-title {
	margin: 0;
	font-size: 30px;
}

.dlh-pill {
	display: inline-flex;
	padding: 4px 12px;
	border-radius: var(--dlh-radius-pill);
	background: var(--dlh-border);
	color: var(--dlh-text-2);
	font-size: 12.5px;
	font-weight: 600;
}

.dlh-pill--klient {
	background: var(--dlh-border);
	color: var(--dlh-text-2);
}

.dlh-pill--dyrlaege {
	background: var(--dlh-success-bg);
	color: var(--dlh-success-text);
}

.dlh-pill--administrator {
	background: var(--dlh-primary);
	color: #fff;
}

.dlh-pill--info {
	padding: 3px 10px;
	background: var(--dlh-info-bg);
	color: var(--dlh-info);
	font-size: 12px;
	white-space: nowrap;
}

.dlh-kunde__grid {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-bottom: 16px;
}

.dlh-kunde__col {
	flex: 1 1 340px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.dlh-kunde__stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.dlh-kunde__stats > * {
	min-width: 0;
}

.dlh-kunde__stats .dlh-stat {
	margin: 0;
}

.dlh-pet-chips {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.dlh-pet-chip {
	display: flex;
	align-items: center;
	gap: 11px;
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--dlh-border);
	border-radius: 10px;
	background: var(--dlh-surface);
	color: inherit;
	text-decoration: none;
}

.dlh-app a.dlh-pet-chip:hover {
	border-color: var(--dlh-primary);
	color: inherit;
	text-decoration: none;
}

.dlh-pet-chip__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	flex-shrink: 0;
	border-radius: 9px;
	background: var(--dlh-primary-wash);
	color: var(--dlh-primary);
}

.dlh-pet-chip__name {
	display: block;
	font-size: 14.5px;
	font-weight: 600;
	color: var(--dlh-text);
}

/* -------------------------------------------------------------------------- */
/* Auth shell                                                                 */
/* -------------------------------------------------------------------------- */

.dlh-auth {
	min-height: 100vh;
	display: flex;
	background: var(--dlh-bg);
}

.dlh-auth__panel {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 42%;
	min-width: 380px;
	flex-shrink: 0;
	padding: 48px;
	background: var(--dlh-taupe);
	color: var(--dlh-text);
}

.dlh-auth__panel .dlh-brand--panel {
	gap: 12px;
	font-size: 22px;
}

.dlh-auth__panel .dlh-mark {
	width: 38px;
	height: 38px;
	border-radius: 11px;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.dlh-auth__panel-copy {
	max-width: 420px;
}

.dlh-auth__headline {
	margin: 0;
	font-size: 42px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.01em;
	color: var(--dlh-text);
}

.dlh-auth__deck {
	margin: 20px 0 0;
	font-size: 15px;
	line-height: 1.6;
	color: var(--dlh-muted);
}

.dlh-auth__checks {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 36px 0 0;
	padding: 0;
	list-style: none;
	color: var(--dlh-muted);
	font-size: 14px;
}

.dlh-auth__checks li {
	display: flex;
	align-items: center;
	gap: 12px;
}

.dlh-auth__checks li::before {
	content: "";
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%232B63FE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.2 6.4 11.2 12.8 4.6'/%3E%3C/svg%3E") center / 16px no-repeat;
}

.dlh-auth__legal {
	margin: 0;
	font-size: 13px;
	color: var(--dlh-muted);
}

.dlh-auth__main {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	justify-content: safe center;
	padding: 24px;
	min-width: 0;
}

.dlh-auth__mobile-brand {
	display: none;
}

.dlh-auth__card {
	box-sizing: border-box;
	width: min(100%, var(--dlh-auth-max));
	max-width: var(--dlh-auth-max);
	flex: 0 0 auto;
	align-self: center;
	background: var(--dlh-surface);
	border: 1px solid var(--dlh-border);
	border-radius: var(--dlh-radius-auth);
	box-shadow: var(--dlh-shadow-auth);
	padding: 36px 32px;
	animation: dlh-up 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.dlh-auth__card--state,
.dlh-auth__card:has(.dlh-auth-state) {
	padding: 44px 32px;
}

.dlh-auth-state {
	text-align: center;
}

.dlh-auth-state .dlh-title {
	font-size: 28px;
}

.dlh-auth-state--mail .dlh-title {
	font-size: 26px;
}

.dlh-auth-state .dlh-lead {
	margin: 10px 0 26px;
}

.dlh-auth-state__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin: 0 auto 20px;
	border-radius: 50%;
}

.dlh-auth-state__icon--ok {
	background: var(--dlh-success-bg);
	color: var(--dlh-success);
}

.dlh-auth-state__icon--warn {
	background: rgba(166, 106, 24, 0.14);
	color: var(--dlh-warning);
}

.dlh-auth-state__link,
.dlh-auth-state .dlh-hint {
	margin-top: 16px;
}

.dlh-auth__alt {
	margin-top: 26px;
	padding-top: 22px;
	border-top: 1px solid var(--dlh-border);
	text-align: center;
}

.dlh-auth__alt p {
	margin: 0 0 10px;
	color: var(--dlh-muted);
	font-size: 14px;
}

.dlh-auth__footer {
	margin: 20px 0 0;
	color: var(--dlh-muted);
	font-size: 14px;
	text-align: center;
}

.dlh-page-opret-bruger .dlh-form > .dlh-button {
	margin-top: 8px;
}

.dlh-page-glemt-adgangskode .dlh-auth__footer {
	margin-top: 18px;
}

.dlh-logout {
	margin: 0;
}

.dlh-app .dlh-logout__button {
	display: flex;
	align-items: center;
	gap: 9px;
	width: 100%;
	height: 38px;
	padding: 0 10px;
	border: 1px solid var(--dlh-border);
	border-radius: 9px;
	background: var(--dlh-surface);
	color: var(--dlh-text-2);
	font: inherit;
	font-size: 13.5px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
}

.dlh-app .dlh-logout__button svg {
	flex-shrink: 0;
	color: var(--dlh-muted);
}

.dlh-app .dlh-logout__button:hover {
	background: var(--dlh-bg);
	color: var(--dlh-text-2);
}

.dlh-view-mode {
	margin: 10px 0 0;
}

.dlh-view-mode label {
	display: block;
	margin: 0 0 4px;
	color: var(--dlh-muted);
	font-size: 12px;
}

.dlh-app .dlh-view-mode select {
	max-width: none;
	min-height: 36px;
	padding-right: 28px;
	font-size: 13.5px;
}

/* -------------------------------------------------------------------------- */
/* App shell                                                                  */
/* -------------------------------------------------------------------------- */

.dlh-shell {
	min-height: 100vh;
	display: flex;
	background: var(--dlh-bg);
}

.dlh-topbar {
	display: none;
}

.dlh-backdrop {
	display: none;
}

.dlh-sidebar {
	display: flex;
	flex-direction: column;
	position: sticky;
	top: 0;
	width: var(--dlh-sidebar);
	height: 100vh;
	flex-shrink: 0;
	background: var(--dlh-taupe);
	border-right: 1px solid var(--dlh-border-input);
}

.dlh-sidebar__brand {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 20px 20px 16px;
}

.dlh-sidebar__brand .dlh-brand,
.dlh-brand--sidebar {
	gap: 10px;
	font-size: 19px;
	line-height: 1.1;
}

.dlh-sidebar__brand .dlh-mark {
	width: 34px;
	height: 34px;
	border-radius: 10px;
}

.dlh-sidebar__logo {
	display: block;
	max-width: 144px;
	height: auto;
}

.dlh-sidebar__close {
	display: none;
}

.dlh-nav {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	padding: 8px 12px;
}

.dlh-nav__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.dlh-nav__sep {
	height: 1px;
	margin: 10px 8px;
	background: var(--dlh-border);
	list-style: none;
}

.dlh-app a.dlh-nav__link,
.dlh-app .dlh-nav__link {
	display: flex;
	align-items: center;
	gap: 11px;
	min-height: 43px;
	padding: 0 12px;
	border-radius: var(--dlh-radius-nav);
	background: transparent;
	color: var(--dlh-text-2);
	font-size: 14.5px;
	font-weight: 500;
	text-decoration: none;
}

.dlh-nav__icon {
	display: inline-flex;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	color: var(--dlh-muted);
}

.dlh-nav__icon svg {
	width: 18px;
	height: 18px;
}

.dlh-app a.dlh-nav__link:hover,
.dlh-app .dlh-nav__link:hover {
	background: rgba(43, 99, 254, 0.06);
	color: var(--dlh-text-2);
	text-decoration: none;
}

.dlh-app a.dlh-nav__link.is-current,
.dlh-app .dlh-nav__link.is-current {
	background: var(--dlh-surface);
	color: var(--dlh-primary);
	font-weight: 600;
}

.dlh-app a.dlh-nav__link.is-current .dlh-nav__icon,
.dlh-app .dlh-nav__link.is-current .dlh-nav__icon {
	color: var(--dlh-primary);
}

.dlh-app a.dlh-nav__link.is-current:hover,
.dlh-app .dlh-nav__link.is-current:hover {
	background: var(--dlh-surface);
	color: var(--dlh-primary);
}

.dlh-sidebar__account {
	flex-shrink: 0;
	padding: 14px 16px;
	border-top: 1px solid var(--dlh-border);
}

.dlh-sidebar__user {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
}

.dlh-sidebar__meta {
	min-width: 0;
}

.dlh-sidebar__name {
	margin: 0;
	overflow: hidden;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.dlh-sidebar__role {
	margin: 0;
	color: var(--dlh-muted);
	font-size: 12.5px;
}

.dlh-sidebar__wp {
	margin: 0 0 10px;
}

.dlh-app a.dlh-sidebar__wp-link,
.dlh-sidebar__wp-link {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 2px 0;
	color: var(--dlh-muted);
	font-size: 13px;
	text-decoration: none;
}

.dlh-app a.dlh-sidebar__wp-link:hover,
.dlh-sidebar__wp-link:hover {
	color: var(--dlh-primary);
	text-decoration: none;
}

.dlh-content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.dlh-main {
	flex: 1;
	min-width: 0;
	padding: 36px 40px 120px;
}

.dlh-canvas {
	max-width: var(--dlh-max-staff);
	min-width: 0;
	width: 100%;
	margin: 0 auto;
}

.dlh-page-bestil-opkald .dlh-form {
	gap: 22px;
}

.dlh-page-bestil-opkald textarea {
	min-height: 140px;
}

.dlh-app .dlh-topbar__toggle,
.dlh-app .dlh-sidebar__close {
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	background: transparent;
	color: var(--dlh-text);
	border: 0;
	border-radius: 10px;
	font: inherit;
	cursor: pointer;
}

html.dlh-nav-open,
body.dlh-nav-open {
	overflow: hidden;
}

/* -------------------------------------------------------------------------- */
/* Schedule + users                                                           */
/* -------------------------------------------------------------------------- */

.dlh-info {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin-bottom: 22px;
	padding: 14px 16px;
	border: 1px solid rgba(72, 106, 130, 0.3);
	border-radius: 11px;
	background: rgba(72, 106, 130, 0.09);
	color: var(--dlh-info);
	font-size: 14px;
	line-height: 1.55;
}

.dlh-info svg {
	flex-shrink: 0;
	margin-top: 1px;
	color: var(--dlh-info-2);
}

.dlh-info--tight {
	margin-bottom: 0;
	padding: 12px 14px;
	border-radius: 10px;
}

.dlh-schedule {
	max-width: none;
}

.dlh-schedule__lead {
	max-width: 600px;
	margin: 8px 0 18px;
}

.dlh-schedule form.dlh-form {
	display: block;
}

.dlh-schedule .dlh-card {
	margin-bottom: 20px;
}

.dlh-schedule .dlh-card:last-of-type {
	margin-bottom: 0;
}

.dlh-sched-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 16px;
}

.dlh-sched-row {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
	padding: 12px;
	border: 1px solid var(--dlh-border);
	border-radius: 11px;
	background: var(--dlh-surface);
}

.dlh-sched-row select,
.dlh-sched-row input[type="time"] {
	width: auto;
	max-width: none;
	height: 40px;
	min-height: 40px;
	padding: 0 10px;
	font-size: 14px;
}

.dlh-sched-row select:first-of-type {
	flex: 1 1 120px;
}

.dlh-sched-row input[type="time"] {
	flex: 0 1 110px;
	padding: 0 8px;
}

.dlh-sched-row select:last-of-type {
	flex: 1 1 160px;
}

.dlh-sched-row__arrow {
	color: var(--dlh-muted);
	font-size: 13px;
}

.dlh-app .dlh-sched-row__remove {
	margin-left: auto;
	width: 36px;
	min-height: 36px;
	color: var(--dlh-muted);
}

.dlh-app .dlh-sched-row__remove:hover {
	background: rgba(184, 64, 59, 0.1);
	color: var(--dlh-danger);
}

.dlh-sched-empty {
	margin-bottom: 16px;
	padding: 32px;
	border: 1px dashed var(--dlh-border-strong);
	border-radius: 11px;
	text-align: center;
}

.dlh-sched-empty .dlh-empty__title {
	margin: 0 0 4px;
	font-size: 15px;
}

.dlh-sched-empty p {
	margin: 0;
	color: var(--dlh-muted);
	font-size: 14px;
}

.dlh-schedule .dlh-hint {
	margin: 0 0 16px;
}

.dlh-schedule__hint {
	margin: 0 0 14px;
	font-size: 14px;
}

.dlh-schedule__email {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	align-items: center;
}

.dlh-schedule__email input[type="email"] {
	flex: 1 1 260px;
	width: auto;
	max-width: 360px;
	height: 42px;
	min-height: 42px;
	font-size: 14.5px;
}

.dlh-users {
	max-width: none;
}

.dlh-users .dlh-kunde-search .dlh-field {
	margin: 0;
}

.dlh-users .dlh-kunde-search select {
	width: auto;
	min-width: 180px;
	max-width: none;
	height: 42px;
	min-height: 42px;
	font-size: 14px;
}

.dlh-user-form,
.dlh-user-detail {
	max-width: none;
}

.dlh-user-form .dlh-title,
.dlh-user-detail .dlh-title {
	margin: 0;
	font-size: 30px;
}

.dlh-user-detail__head {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.dlh-user-detail .dlh-card,
.dlh-user-form .dlh-card {
	margin-bottom: 16px;
}

.dlh-user-detail .dlh-card:last-of-type,
.dlh-user-form .dlh-card:last-of-type {
	margin-bottom: 0;
}

.dlh-user-form .dlh-form input,
.dlh-user-detail .dlh-form input,
.dlh-user-detail .dlh-form select,
.dlh-user-detail .dlh-form textarea {
	max-width: none;
}

.dlh-user-form .dlh-form__grid,
.dlh-user-detail .dlh-form__grid {
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
}

.dlh-user-detail__hint {
	margin: 0 0 14px;
	font-size: 14px;
}

.dlh-role-select {
	width: 100%;
	max-width: 300px;
}

.dlh-check-card {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 20px;
	padding: 13px 14px;
	border: 1px solid var(--dlh-border);
	border-radius: 10px;
	background: var(--dlh-surface);
	cursor: pointer;
}

.dlh-check-card input {
	width: 16px;
	height: 16px;
	margin-top: 2px;
	accent-color: var(--dlh-primary);
}

.dlh-check-card__title {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: var(--dlh-text);
}

.dlh-check-card__text {
	display: block;
	margin-top: 2px;
	color: var(--dlh-muted);
	font-size: 13px;
}

.dlh-dialog--role .dlh-dialog__card {
	max-width: 440px;
}

.dlh-dialog__text {
	margin: 0 0 22px;
	color: var(--dlh-muted);
	font-size: 14.5px;
	line-height: 1.55;
}

/* -------------------------------------------------------------------------- */
/* Export + settings                                                          */
/* -------------------------------------------------------------------------- */

.dlh-export {
	max-width: none;
}

.dlh-export .dlh-filters {
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	margin-bottom: 16px;
}

.dlh-export__bar {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 22px;
}

.dlh-export__count {
	margin: 0;
	font-size: 14.5px;
	font-weight: 600;
}

.dlh-export__actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-left: auto;
}

.dlh-export__xlsx {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
}

.dlh-export__xlsx .dlh-hint {
	margin: 0;
	font-size: 12px;
	color: var(--dlh-placeholder);
}

.dlh-export__note {
	margin: 0;
	padding: 11px 22px;
	border-top: 1px solid var(--dlh-soft-4);
	color: var(--dlh-placeholder);
	font-size: 12.5px;
}

.dlh-export .dlh-table-wrap + .dlh-export__note,
.dlh-export .dlh-table-wrap .dlh-export__note {
	background: var(--dlh-surface);
}

.dlh-export .dlh-table-wrap {
	margin-bottom: 0;
	overflow: hidden;
}

.dlh-settings {
	max-width: none;
}

.dlh-settings__form {
	display: block;
}

.dlh-settings .dlh-card {
	margin-bottom: 16px;
}

.dlh-settings .dlh-form input,
.dlh-settings .dlh-form textarea {
	max-width: none;
}

.dlh-settings__brand {
	margin-bottom: 20px;
}

.dlh-settings__logo {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 18px;
	border: 1px solid var(--dlh-border);
	border-radius: 11px;
	background: var(--dlh-surface);
	font-family: var(--dlh-font);
	font-size: 19px;
	font-weight: 700;
}

.dlh-settings__logo img {
	display: block;
	width: 34px;
	height: 34px;
	object-fit: contain;
	border-radius: 10px;
}

.dlh-settings__logo .dlh-mark {
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: var(--dlh-primary);
	color: #fff;
}

.dlh-switch-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--dlh-border);
	cursor: pointer;
}

.dlh-switch-row__title {
	display: block;
	margin-bottom: 3px;
	font-size: 14.5px;
	font-weight: 600;
}

.dlh-switch-row__text {
	display: block;
	max-width: 480px;
	color: var(--dlh-muted);
	font-size: 13.5px;
	font-weight: 400;
	line-height: 1.5;
}

.dlh-settings__meta {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 10px;
	margin-bottom: 18px;
}

.dlh-settings__meta-card {
	padding: 12px 14px;
	border: 1px solid var(--dlh-border);
	border-radius: 10px;
}

.dlh-settings__meta-label,
.dlh-settings__meta-value {
	margin: 0;
}

.dlh-settings__meta-label {
	margin-bottom: 3px;
	color: var(--dlh-muted);
	font-size: 12.5px;
	font-weight: 400;
}

.dlh-settings__meta-value {
	font-size: 14.5px;
	font-weight: 600;
}

.dlh-settings__smtp-hint {
	margin: 0 0 18px;
}

.dlh-settings__preview-title {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 600;
}

.dlh-mail-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 10px;
	margin-bottom: 10px;
}

.dlh-mail-card {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 14px;
	border: 1px solid var(--dlh-border);
	border-radius: 11px;
	background: var(--dlh-surface);
	color: inherit;
	text-decoration: none;
}

.dlh-app a.dlh-mail-card:hover {
	border-color: var(--dlh-primary);
	color: inherit;
	text-decoration: none;
	box-shadow: var(--dlh-shadow-auth);
}

.dlh-mail-card svg {
	color: var(--dlh-muted);
}

.dlh-mail-card__title {
	font-size: 14px;
	font-weight: 600;
	color: var(--dlh-text);
}

.dlh-mail-card__hint {
	color: var(--dlh-muted);
	font-size: 12.5px;
}

.dlh-health {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
}

.dlh-health__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 11px 14px;
	border: 1px solid var(--dlh-border);
	border-radius: 10px;
	font-size: 14px;
}

.dlh-health__label {
	color: var(--dlh-muted);
}

.dlh-health__value {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
}

.dlh-health__value.is-ok {
	color: var(--dlh-success-text);
}

.dlh-health__value.is-off {
	color: var(--dlh-warning-text);
}

.dlh-health__dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: currentColor;
}

.dlh-warn {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	padding: 14px 16px;
	border: 1px solid rgba(166, 106, 24, 0.35);
	border-radius: 11px;
	background: var(--dlh-warning-wash);
	color: var(--dlh-warning-text);
	font-size: 14px;
	line-height: 1.55;
}

.dlh-warn svg {
	flex-shrink: 0;
	margin-top: 1px;
}

.dlh-settings__save {
	height: 44px;
	padding: 0 22px;
	font-size: 15px;
}

.dlh-dialog--email {
	align-items: flex-start;
	padding: 20px;
	overflow-y: auto;
}

.dlh-dialog--email .dlh-dialog__card {
	max-width: 660px;
	padding: 0;
	margin: 20px 0;
}

.dlh-dialog__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 22px;
	border-bottom: 1px solid var(--dlh-border);
}

.dlh-dialog--email .dlh-dialog__title {
	margin: 0;
	font-size: 15px;
}

.dlh-dialog__sub {
	margin: 4px 0 0;
	color: var(--dlh-muted);
	font-size: 13px;
}

.dlh-dialog__preview {
	padding: 28px;
	background: var(--dlh-bg);
}

.dlh-dialog__preview iframe {
	display: block;
	width: 100%;
	min-height: 520px;
	border: 1px solid var(--dlh-border);
	border-radius: 12px;
	background: var(--dlh-surface);
}

.dlh-dialog__foot {
	margin: 0;
	padding: 12px 22px 18px;
}

@media (max-width: 900px) {
	.dlh-shell {
		flex-direction: column;
	}

	.dlh-topbar {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: sticky;
		top: 0;
		z-index: var(--dlh-z-topbar);
		height: var(--dlh-topbar);
		padding: 0 14px;
		background: rgba(229, 221, 210, 0.92);
		border-bottom: 1px solid var(--dlh-border-input);
		backdrop-filter: blur(10px);
	}

	.dlh-app .dlh-topbar__toggle,
	.dlh-app .dlh-sidebar__close {
		display: inline-flex;
	}

	.dlh-app .dlh-topbar__toggle:hover,
	.dlh-app .dlh-sidebar__close:hover {
		background: #eae4dd;
		color: var(--dlh-text);
	}

	.dlh-topbar__brand,
	.dlh-brand.dlh-topbar__brand {
		display: inline-flex;
		align-items: center;
		gap: 9px;
		font-weight: 700;
		font-size: 17px;
		color: inherit;
		text-decoration: none;
	}

	.dlh-topbar__brand .dlh-mark,
	.dlh-brand--mobile .dlh-mark {
		width: 30px;
		height: 30px;
		border-radius: 9px;
	}

	.dlh-topbar__brand:hover {
		color: inherit;
		text-decoration: none;
	}

	.dlh-backdrop {
		display: block;
		position: fixed;
		inset: 0;
		z-index: var(--dlh-z-backdrop);
		background: rgba(54, 50, 47, 0.45);
		animation: dlh-fade 0.15s ease;
	}

	.dlh-backdrop[hidden] {
		display: none;
	}

	.dlh-sidebar {
		position: fixed;
		inset: 0 auto 0 0;
		z-index: var(--dlh-z-drawer);
		width: var(--dlh-drawer);
		height: 100vh;
		transform: translateX(-105%);
		transition: transform 0.2s ease;
		box-shadow: none;
	}

	.dlh-sidebar.is-open {
		transform: none;
		box-shadow: 0 14px 40px rgba(31, 24, 18, 0.2);
	}

	.dlh-sidebar__brand {
		padding: 16px 16px 12px;
	}

	.dlh-sidebar__brand .dlh-brand,
	.dlh-brand--sidebar {
		gap: 9px;
		font-size: 17px;
	}

	.dlh-sidebar__brand .dlh-mark {
		width: 30px;
		height: 30px;
		border-radius: 9px;
	}

	.dlh-nav {
		padding: 4px 12px;
	}

	.dlh-sidebar__wp {
		display: none;
	}

	.dlh-app a.dlh-nav__link,
	.dlh-app .dlh-nav__link {
		min-height: 46px;
		font-size: 15px;
	}

	.dlh-app .dlh-logout__button {
		height: 44px;
		min-height: 44px;
		font-size: 14px;
	}

	.dlh-app .dlh-view-mode select {
		min-height: 44px;
	}

	.dlh-main {
		padding: 20px 16px 96px;
	}

	.dlh-page-min-profil .dlh-step .dlh-button,
	.dlh-page-min-profil .dlh-shortcut .dlh-button,
	.dlh-page-mine-kaeledyr .dlh-page-toolbar .dlh-button,
	.dlh-page-mine-kaeledyr .dlh-empty .dlh-button,
	.dlh-page-opret-kaeledyr .dlh-form__actions .dlh-button,
	.dlh-page-mine-kaeledyr .dlh-form__actions .dlh-button,
	.dlh-page-dine-oplysninger .dlh-form__actions .dlh-button,
	.dlh-page-dine-oplysninger .dlh-split-card .dlh-button,
	.dlh-page-bestil-opkald .dlh-empty .dlh-button,
	.dlh-page-bestil-opkald .dlh-order-foot .dlh-button,
	.dlh-page-bestil-opkald .dlh-result .dlh-button,
	.dlh-page-sager .dlh-case__cta .dlh-button,
	.dlh-page-kaeledyr .dlh-pet .dlh-button,
	.dlh-page-kunder .dlh-kunde__head + * .dlh-button {
		width: 100%;
		min-height: 44px;
	}

	.dlh-kunde-search .dlh-button {
		width: 100%;
	}

	.dlh-filters-toggle {
		display: inline-flex;
	}

	.dlh-auth {
		flex-direction: column;
		padding: 0;
	}

	.dlh-auth__panel {
		display: none;
	}

	.dlh-auth__mobile-brand {
		display: flex;
		justify-content: center;
		margin-bottom: 24px;
	}

	.dlh-auth__mobile-brand .dlh-brand {
		gap: 10px;
		font-size: 20px;
	}

	.dlh-auth__mobile-brand .dlh-mark {
		width: 34px;
		height: 34px;
		border-radius: 10px;
	}

	.dlh-auth__main {
		padding: 24px;
		justify-content: center;
		justify-content: safe center;
	}

	.dlh-password__toggle {
		width: 44px;
		height: 44px;
	}

	.dlh-page-dyrlaegetider .dlh-actions .dlh-button,
	.dlh-page-dyrlaegetider .dlh-schedule__email .dlh-button,
	.dlh-page-brugere .dlh-page-toolbar .dlh-button,
	.dlh-page-brugere .dlh-user-form .dlh-actions .dlh-button,
	.dlh-page-brugere .dlh-user-detail .dlh-button {
		width: 100%;
		min-height: 44px;
	}

	.dlh-sched-row .dlh-app input[type="time"],
	.dlh-sched-row input[type="time"],
	.dlh-sched-row select {
		flex: 1 1 100%;
		min-height: 44px;
		height: 44px;
	}

	.dlh-sched-row__remove {
		margin-left: 0;
	}

	.dlh-schedule__email input[type="email"] {
		max-width: none;
	}

	.dlh-export__bar,
	.dlh-export__actions {
		flex-direction: column;
		align-items: stretch;
		margin-left: 0;
	}

	.dlh-page-eksport .dlh-export__actions .dlh-button,
	.dlh-page-indstillinger .dlh-settings__save {
		width: 100%;
		min-height: 44px;
	}

	.dlh-switch-row {
		flex-direction: column;
	}

	.dlh-filters-toggle {
		min-height: 44px;
	}

	.dlh-app .dlh-sched-row__remove {
		width: 44px;
		min-height: 44px;
	}

	.dlh-pagination a,
	.dlh-pagination span {
		min-width: 44px;
		height: 44px;
	}

	.dlh-toast {
		top: auto;
		right: 20px;
		bottom: 70px;
		left: auto;
		max-width: calc(100% - 40px);
	}

	.dlh-dialog,
	.dlh-lightbox {
		padding: 20px;
		align-items: flex-start;
	}

	.dlh-dialog__card,
	.dlh-lightbox__card {
		max-height: calc(100vh - 40px);
		overflow-y: auto;
	}

	.dlh-dialog--email .dlh-dialog__card {
		margin: 0;
	}

	.dlh-dialog__preview {
		padding: 16px;
	}

	.dlh-dialog__preview iframe {
		min-height: 360px;
	}

	.dlh-lightbox__body,
	.dlh-lightbox__frame {
		min-height: 220px;
	}

	.dlh-dialog__actions {
		flex-direction: column-reverse;
		align-items: stretch;
	}

	.dlh-dialog__actions .dlh-button {
		width: 100%;
		min-height: 44px;
	}
}