/**
 * Wagtail admin — soddaroq, mobil uchun qulay (Apple uslubiga yaqin).
 */
:root {
	--lit-admin-accent: #0071e3;
	--lit-admin-soft: #f5f5f7;
	--lit-admin-border: #d2d2d7;
	--lit-admin-text: #1d1d1f;
}

body {
	-webkit-font-smoothing: antialiased;
}

.w-header,
header.w-slim-header {
	border-bottom: 1px solid var(--lit-admin-border);
	background: #fff;
}

.w-panel,
.w-panel__content {
	border-radius: 14px;
	border: 1px solid var(--lit-admin-border);
}

.w-panel__header {
	background: var(--lit-admin-soft);
	border-bottom: 1px solid var(--lit-admin-border);
}

.w-panel__title,
.w-panel__heading label {
	font-weight: 600;
	letter-spacing: -0.015em;
	color: var(--lit-admin-text);
}

.w-field__label,
label.w-field__label {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--lit-admin-text);
}

.c-skip-panel .form-side,
.w-form-width {
	max-width: 100%;
}

@media (min-width: 900px) {
	.w-form-width {
		max-width: 920px;
	}
}

.inline-panel .multiple {
	gap: 12px;
}

.inline-panel .sequence-member {
	border-radius: 12px;
	border: 1px solid var(--lit-admin-border);
	background: #fff;
}

@media (max-width: 900px) {
	html {
		-webkit-text-size-adjust: 100%;
	}

	body {
		padding-bottom: env(safe-area-inset-bottom, 0px);
	}

	.w-panel,
	.w-panel__content {
		border-radius: 0;
		border-left: none;
		border-right: none;
	}

	.w-field__wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
	.w-field__wrapper textarea,
	.w-field__wrapper select,
	.w-field__wrapper .w-field__textarea,
	.w-field__wrapper .w-field__textinput {
		font-size: 16px !important;
		min-height: 44px;
	}

	.w-field__wrapper textarea {
		min-height: 120px;
	}

	.button,
	button[type="submit"],
	input[type="submit"],
	.w-button,
	.w-action-button {
		min-height: 44px;
		padding-inline: 18px;
		border-radius: 12px;
		-webkit-tap-highlight-color: transparent;
	}

	.wrapper,
	.w-modal__content {
		padding-left: max(12px, env(safe-area-inset-left, 0px));
		padding-right: max(12px, env(safe-area-inset-right, 0px));
	}

	header.w-slim-header,
	.w-header {
		padding-left: max(8px, env(safe-area-inset-left, 0px));
		padding-right: max(8px, env(safe-area-inset-right, 0px));
	}
}

@media (max-width: 480px) {
	.w-field__label,
	label.w-field__label {
		font-size: 0.9rem;
	}
}