@import '../../../../vendor/filament/filament/resources/css/theme.css';

@theme {
	--radius-2xl: 1rem;
}

@source '../../../../app/Filament/**/*';
@source '../../../../resources/views/filament/**/*.blade.php';
@source '../../../../resources/views/livewire/**/*.blade.php';

@layer components {
	.tp-ops-activity-banner .tp-ops-activity-layout {
		display: flex !important;
		flex-direction: column;
		gap: 0.75rem;
	}

	.tp-ops-activity-banner .tp-ops-activity-header {
		display: flex !important;
		flex-direction: column;
		gap: 0.75rem;
	}

	.tp-ops-activity-banner .tp-ops-activity-header-copy {
		display: flex !important;
		align-items: flex-start;
		gap: 0.75rem;
		min-width: 0;
	}

	.tp-ops-activity-banner .tp-ops-activity-title {
		white-space: nowrap;
	}

	.tp-ops-activity-banner .tp-ops-activity-helper {
		display: block;
		overflow: visible;
		overflow-wrap: break-word;
		text-overflow: clip;
		white-space: normal;
		line-height: 1.4;
		text-wrap: pretty;
	}

	.tp-ops-activity-banner .tp-ops-activity-summary {
		margin-top: 0.75rem;
	}

	.tp-ops-activity-banner .tp-ops-activity-progress,
	.tp-ops-activity-banner .tp-ops-activity-indeterminate {
		width: 100%;
	}

	.tp-ops-activity-banner .tp-ops-activity-actions {
		display: flex !important;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.5rem;
	}

	@media (min-width: 640px) {
		.tp-ops-activity-banner .tp-ops-activity-summary {
			padding-left: 3.25rem;
		}
	}

	@media (min-width: 1024px) {
		.tp-ops-activity-banner .tp-ops-activity-header {
			flex-direction: row;
			justify-content: space-between;
			align-items: flex-start;
			gap: 1rem;
		}

		.tp-ops-activity-banner .tp-ops-activity-header-copy {
			flex: 1 1 auto;
			min-width: 18rem;
		}

		.tp-ops-activity-banner .tp-ops-activity-helper {
			max-width: 42rem;
		}

		.tp-ops-activity-banner .tp-ops-activity-actions {
			flex: none;
			flex-wrap: nowrap;
			align-self: flex-start;
			justify-content: flex-end;
		}

		.tp-ops-activity-banner .tp-ops-activity-summary {
			padding-left: 3.25rem;
		}
	}
}
