@extends('backend.layouts.master')

@section('styles')
	<link rel="stylesheet" href="{{ asset('assets/libs/choices.js/public/assets/styles/choices.min.css') }}">
	<link rel="stylesheet" href="{{ asset('assets/libs/flatpickr/flatpickr.min.css') }}">

	<style>
		.ti-custom-table th {
			padding: .25rem 1.5rem;
		}

		.activity-table .ti-custom-table th,
		.crypto-table .ti-custom-table th {
			font-size: .65rem;
			line-height: 1rem;
			--tw-text-opacity: 1;
			color: #61606090;
			text-transform: none;
		}

		#awn-toast-container {
			z-index: 9999 !important;
		}

		.hs-tooltip {
			display: block !important;
			/* Ensure it renders */
		}

		.ti-main-tooltip-toggle {
			display: inline-block !important;
			opacity: 1 !important;
		}

		.hs-tooltip span {
			display: block;
			background-color: #ff000090;
			/* Debug visibility */
			color: white;
			padding: 5px;
			border-radius: 3px;
		}

		.hs-tooltip span {
			width: auto;
			/* Ensure the width adapts to content */
			max-width: calc(100% - 0px);
			/* Optional: Prevent overly wide tooltips */
			white-space: nowrap;
			/* Prevent wrapping */
		}

		.choices__inner {
			height: 30px !important;
			min-height: 30px !important;
			padding-top: .30rem !important;
			padding-bottom: .30rem !important;
		}
	</style>
@endsection

@section('content')
	<div class="content">
		<!-- Start::main-content -->
		<div class="main-content">
			<div class="grid grid-cols-12 gap-x-6 mt-6">
				<div class="col-span-12 xxl:col-span-6">
					@include('backend.crm.individuals.last-updated')
				</div>
				<div class="col-span-12 xxl:col-span-6">
					@include('backend.crm.companies.last-updated')
				</div>
			</div>
		</div>
		<!-- Start::main-content -->
	</div>
@endsection

@section('scripts')
@endsection