@import 'tailwindcss';
@import './mobile.css';
@import './expenses.css';
@import './client-search.css';
@import './kyc-forms.css';

/* Performance optimizations - reduce layout thrashing */
* {
    /* Use transform instead of top/left for animations */
    box-sizing: border-box;
}

/* Optimize image rendering - enable GPU acceleration */
img {
    /* Use GPU acceleration for images to improve layout performance */
    will-change: auto;
    /* Optimize image decoding */
    image-rendering: auto;
}

/* Reduce repaints on interactive elements */
button, a {
    /* Use transform for better performance in animations */
    transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Optimize text rendering */
body {
    /* Enable hardware acceleration for fonts */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Improve text rendering performance */
    text-rendering: optimizeLegibility;
}

/* Prevent layout shifts from images */
img[width][height] {
    height: auto;
}

/* Dashboard Drag and Drop Styles */
.dashboard-section-ghost {
    opacity: 0.5;
    background: #f3f4f6;
    border: 2px dashed #d1d5db;
}

.dashboard-section-chosen {
    cursor: move;
}

.dashboard-section-drag {
    opacity: 0.8;
    transform: rotate(5deg);
}

.drag-handle:hover {
    background-color: #f9fafb;
    border-radius: 4px;
    padding: 2px;
}
@import './conflicts.css';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Global font family for everything */
* {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Custom font class */
.font-inter {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Hours statistics styling */
.hours-statistics {
    @apply space-y-1;
}

.hours-statistics .stat-item {
    @apply text-sm text-gray-700;
}

.hours-statistics .stat-label {
    @apply font-medium;
}

.hours-statistics .exceeded-hours {
    @apply text-sm text-red-600 font-medium;
}

.hours-statistics .exceeded-icon {
    @apply mr-1;
}

/* Matter stats exceeded hours styling */
.matter-stats-exceeded {
    @apply text-red-600 font-medium;
}

/* Workload status styling */
.workload-status {
    @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
}

.workload-status.under-utilized {
    @apply bg-yellow-100 text-yellow-800;
}

.workload-status.optimal {
    @apply bg-green-100 text-green-800;
}

.workload-status.over-utilized {
    @apply bg-red-100 text-red-800;
}

.workload-status.not-configured {
    @apply bg-gray-100 text-gray-800;
}

/* Workload value display */
.workload-value {
    @apply text-sm text-gray-900 font-medium;
}

.workload-details {
    @apply text-xs text-gray-500;
}

/* Occupancy bar colors */
.bg-red-500 { background-color: #ef4444; }
.bg-orange-500 { background-color: #f97316; }
.bg-green-500 { background-color: #22c55e; }
.bg-yellow-500 { background-color: #eab308; }
.bg-gray-500 { background-color: #6b7280; }

/* Alpine.js x-cloak */
[x-cloak] {
    display: none !important;
}

/* Contacts Pagination Custom Colors */
.contacts-pagination nav {
    @apply flex justify-center items-center space-x-1;
}

.contacts-pagination nav > div {
    @apply flex items-center space-x-1;
}

.contacts-pagination nav a,
.contacts-pagination nav span {
    @apply inline-flex items-center px-4 py-2 text-sm font-medium border rounded-md transition-colors duration-200;
}

.contacts-pagination nav a {
    @apply text-gray-700 bg-white border-gray-300 hover:bg-blue-50 hover:text-blue-700 hover:border-blue-300;
}

.contacts-pagination nav span {
    @apply text-gray-500 bg-gray-100 border-gray-300 cursor-not-allowed;
}

/* Active page indicator */
.contacts-pagination nav span.relative,
.contacts-pagination nav a[aria-current="page"] {
    @apply text-blue-700 bg-blue-50 border-blue-500 ring-1 ring-blue-500 z-10;
}

.contacts-pagination nav .hidden {
    display: none;
}