.ctlf-money-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ctlf-period-picker [data-custom-dates] {
	flex-wrap: wrap;
}

@media (max-width: 760px) {
	.ctlf-app-shell,
	.ctlf-app-main,
	.ctlf-app-panel,
	.ctlf-app-main > * {
		box-sizing: border-box;
		max-width: 100%;
		min-width: 0;
	}

	.ctlf-app-nav {
		overflow: hidden;
	}

	.ctlf-app-nav nav {
		display: flex !important;
		grid-template-columns: none !important;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: thin;
		-webkit-overflow-scrolling: touch;
	}

	.ctlf-app-nav nav a {
		box-sizing: border-box;
		flex: 0 0 56px;
		min-width: 56px;
	}

	.ctlf-app-nav nav a.is-active {
		flex-basis: auto;
		min-width: 104px;
		white-space: nowrap;
	}

	.ctlf-module-header h1 {
		font-size: clamp(26px, 8vw, 32px);
		letter-spacing: -.7px;
		overflow-wrap: anywhere;
	}

	.ctlf-add-button,
	.ctlf-form-actions button,
	.ctlf-form-actions a {
		box-sizing: border-box;
		justify-content: center;
		width: 100%;
		text-align: center;
	}

	.ctlf-app-shell button,
	.ctlf-app-shell input,
	.ctlf-app-shell select,
	.ctlf-app-shell textarea,
	.ctlf-app-shell a.ctlf-add-button {
		touch-action: manipulation;
	}

	.ctlf-form-actions {
		align-items: stretch;
		flex-direction: column-reverse;
	}

	.ctlf-app-numbers article,
	.ctlf-financial-cards article,
	.ctlf-financial-pending article {
		min-width: 0;
	}

	.ctlf-app-numbers article > strong,
	.ctlf-financial-cards strong,
	.ctlf-financial-pending strong {
		font-size: 19px;
		overflow-wrap: anywhere;
	}

	.ctlf-client-search,
	.ctlf-shopping-list > div,
	.ctlf-quote-title,
	.ctlf-collection-title,
	.ctlf-account-payments article,
	.ctlf-financial-movements article {
		align-items: stretch;
		flex-direction: column;
	}

	.ctlf-client-search button,
	.ctlf-shopping-list a,
	.ctlf-production-list a,
	.ctlf-delivery-card > a,
	.ctlf-collection-list a,
	.ctlf-payment-history a {
		box-sizing: border-box;
		min-height: 44px;
		text-align: center;
	}

	.ctlf-quote-detail table,
	.ctlf-guide table,
	.ctlf-recipe-card table,
	.ctlf-production-grid table,
	.ctlf-order-screen table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	.ctlf-quote-actions,
	.ctlf-delivery-actions,
	.ctlf-production-actions,
	.ctlf-money-form,
	.ctlf-payment-form,
	.ctlf-purchase-form {
		min-width: 0;
	}

	.ctlf-quote-form input,
	.ctlf-quote-form select,
	.ctlf-quote-form textarea,
	.ctlf-client-form input,
	.ctlf-client-form select,
	.ctlf-client-form textarea,
	.ctlf-purchase-form input,
	.ctlf-purchase-form select,
	.ctlf-payment-form input,
	.ctlf-payment-form select,
	.ctlf-payment-form textarea,
	.ctlf-money-form input,
	.ctlf-money-form select,
	.ctlf-money-form textarea,
	.ctlf-delivery-form input,
	.ctlf-delivery-form select,
	.ctlf-delivery-form textarea {
		box-sizing: border-box;
		max-width: 100%;
		font-size: 16px;
	}

	.ctlf-money-tabs a {
		flex: 1 1 145px;
		text-align: center;
	}
}

@media (min-width: 621px) and (max-width: 760px) {
	.ctlf-app-nav {
		overflow: visible;
	}

	.ctlf-app-nav nav {
		align-items: stretch;
		flex-direction: column;
		overflow: visible;
	}

	.ctlf-app-nav nav a,
	.ctlf-app-nav nav a.is-active {
		flex: 0 0 auto;
		min-width: 0;
	}
}

@media (max-width: 520px) {
	.ctlf-app-main {
		padding-right: 12px;
		padding-left: 12px;
	}

	.ctlf-app-panel {
		padding: 15px;
		border-radius: 13px;
	}

	.ctlf-quote-summary,
	.ctlf-collection-data,
	.ctlf-money-numbers {
		grid-template-columns: 1fr;
	}

	.ctlf-quote-summary > div,
	.ctlf-collection-data > div,
	.ctlf-money-numbers > div {
		padding: 10px;
	}

	.ctlf-guide {
		padding: 18px 14px;
	}

	.ctlf-guide header,
	.ctlf-guide section {
		display: block;
	}

	.ctlf-guide header > * {
		margin-bottom: 10px;
	}

	.ctlf-guide-download,
	.ctlf-guide header button {
		box-sizing: border-box;
		width: 100%;
		justify-content: center;
		text-align: center;
	}

	.ctlf-period-picker [data-custom-dates] label {
		width: 100%;
	}

	.ctlf-period-picker [data-custom-dates] input {
		box-sizing: border-box;
		width: 100%;
	}
}

@media (max-width: 390px) {
	.ctlf-app-numbers,
	.ctlf-app-actions > div {
		grid-template-columns: 1fr;
	}

	.ctlf-app-actions button {
		min-height: 82px;
	}
}