/* ==========================================
   OPAC KARYA (STUDENT & TEACHER WORKS) STYLES
   Specific styles for works listing pages
   ========================================== */

.karya-card {
    background: white;
    border-radius: var(--radius-lg);
    border: 1px solid #edf2f7;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
}

.karya-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-md);
    border-color: #06b6d4;
    /* Default student cyan */
}

/* Teacher specific emerald border on hover */
.karya-guru-card:hover {
    border-color: #10b981;
}

.form-control-glass {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
}

.form-control-glass:focus {
    background: white;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1);
    border-color: #4f46e5;
}

/* Status Badges */
.badge-warning-soft {
    background-color: rgba(255, 193, 7, 0.1);
    color: #ffc107;
}

.badge-info-soft {
    background-color: rgba(0, 123, 255, 0.1);
    color: #007bff;
}