/* Site customizations for Kamona-WD template */

/* Keep some compatibility classes for existing functionality */
.candidate-photo { 
    max-width: 120px; 
    max-height: 120px; 
    object-fit: cover; 
    border-radius: 0.375rem;
}

/* Admin specific styles */
.admin-container {
    @apply bg-white dark:bg-dark-0 text-gray-800 dark:text-gray-200;
}

/* Form compatibility for PHP forms */
.form-section {
    @apply bg-gray-50 dark:bg-gray-800 rounded-lg p-6 mb-6;
}

.password-generator {
    @apply border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg p-4 bg-white dark:bg-gray-800;
}

/* Status indicators */
.status-indicator {
    @apply w-2.5 h-2.5 rounded-full inline-block;
}
.status-active { @apply bg-green-500; }
.status-inactive { @apply bg-red-500; }

/* Custom alert styles to match TailwindCSS */
.alert {
    @apply p-4 mb-4 text-sm rounded-lg;
}
.alert-danger {
    @apply text-red-800 bg-red-50 dark:bg-red-800/10 dark:text-red-400;
}
.alert-success {
    @apply text-green-800 bg-green-50 dark:bg-green-800/10 dark:text-green-400;
}
.alert-warning {
    @apply text-yellow-800 bg-yellow-50 dark:bg-yellow-800/10 dark:text-yellow-400;
}

/* Custom buttons for compatibility */
.btn-primary {
    @apply inline-flex items-center justify-center gap-2 rounded-md transition-colors font-medium select-none focus:outline-none focus:ring focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-dark-1 disabled:cursor-not-allowed disabled:opacity-50 bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-600 px-4 py-2 text-sm;
}

.btn-secondary {
    @apply inline-flex items-center justify-center gap-2 rounded-md transition-colors font-medium select-none focus:outline-none focus:ring focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-dark-1 disabled:cursor-not-allowed disabled:opacity-50 bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-600 px-4 py-2 text-sm;
}

.btn-success {
    @apply inline-flex items-center justify-center gap-2 rounded-md transition-colors font-medium select-none focus:outline-none focus:ring focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-dark-1 disabled:cursor-not-allowed disabled:opacity-50 bg-green-600 text-white hover:bg-green-700 focus:ring-green-600 px-4 py-2 text-sm;
}

.btn-danger {
    @apply inline-flex items-center justify-center gap-2 rounded-md transition-colors font-medium select-none focus:outline-none focus:ring focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-dark-1 disabled:cursor-not-allowed disabled:opacity-50 bg-red-600 text-white hover:bg-red-700 focus:ring-red-600 px-4 py-2 text-sm;
}

/* Form controls */
.form-control {
    @apply block w-full rounded-md border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 shadow-sm focus:border-blue-500 focus:ring-blue-500;
}

.form-label {
    @apply block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2;
}

/* Card styles */
.card {
    @apply bg-white dark:bg-gray-800 shadow rounded-lg;
}

.card-header {
    @apply px-4 py-3 border-b border-gray-200 dark:border-gray-700 font-medium text-gray-900 dark:text-gray-100;
}

.card-body {
    @apply p-4;
}

/* Table styles */
.table {
    @apply w-full text-sm text-left text-gray-500 dark:text-gray-400;
}

.table th {
    @apply px-6 py-3 text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400;
}

.table td {
    @apply px-6 py-4 whitespace-nowrap;
}