/* Admin Styles */

.admin-input {
    @apply w-full px-5 py-4 border-2 border-gray-400 rounded-lg focus:ring-2 focus:ring-accent-gold focus:border-accent-gold transition;
    font-size: 1.1rem;
    background-color: #ffffff;
    color: #1f2937;
    font-weight: 500;
    min-height: 3rem;
}

.admin-input:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);
    border-color: var(--color-accent-gold);
}

.admin-input::placeholder {
    color: #9ca3af;
    font-weight: 400;
    opacity: 0.8;
}

.admin-input:hover {
    border-color: #9ca3af;
}

.btn-admin-primary {
    @apply inline-flex items-center justify-center px-6 py-3 bg-accent-gold text-white font-semibold rounded-lg shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 transition-all duration-300;
    background: linear-gradient(135deg, #D4AF37 0%, #E5C158 100%);
}

.btn-admin-primary:hover {
    background: linear-gradient(135deg, #C19A2B 0%, #D4AF37 100%);
}

.btn-admin-secondary {
    @apply inline-flex items-center justify-center px-4 py-2 bg-white text-gray-900 font-semibold rounded-lg border-2 border-gray-300 hover:border-accent-gold hover:text-accent-gold transition-all duration-300;
}

.company-card {
    @apply border border-gray-200 rounded-lg p-6 hover:shadow-md transition-all duration-300;
}

.company-card:hover {
    @apply border-accent-gold;
}

.company-header {
    @apply flex items-start justify-between mb-4;
}

.company-name {
    @apply text-xl font-bold text-gray-900 mb-1;
}

.company-info {
    @apply text-sm text-gray-600 space-y-1;
}

.company-badge {
    @apply inline-block px-3 py-1 rounded-full text-xs font-semibold;
}

.badge-essential {
    @apply bg-gray-100 text-gray-700;
}

.badge-immersive {
    @apply bg-accent-gold text-white;
    background: linear-gradient(135deg, var(--color-accent-gold) 0%, var(--color-accent-gold-light) 100%);
}

.company-actions {
    @apply flex gap-3 mt-4;
}

/* Checkbox styles */
.texture-checkbox {
    @apply w-5 h-5 text-accent-gold border-2 border-gray-300 rounded focus:ring-accent-gold focus:ring-2;
    cursor: pointer;
}

.texture-checkbox:checked {
    @apply bg-accent-gold border-accent-gold;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L4 12.586l7.793-7.793a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

label:has(.texture-checkbox:checked) {
    @apply border-accent-gold bg-accent-gold/10;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.1);
}

/* File input styling */
input[type="file"].admin-input {
    @apply cursor-pointer;
    padding: 0.75rem;
}

input[type="file"].admin-input::file-selector-button {
    @apply px-4 py-2 bg-gray-100 border border-gray-300 rounded-md mr-4 font-medium text-gray-700 hover:bg-gray-200 transition;
    cursor: pointer;
}